PulseDev for Vue.Click it, fix the .vue.
Click any element in your running Vue app and say what’s wrong. Your agent opens the component behind it, and Vite HMR shows the edit before you approve the diff.
One minute of setup.
None of it ships.
Paste one tag into index.html and start your dev server. Keep the PulseDev app open while you work; it runs the server on port 3899 that the widget talks to. Or click Set up project in the app and it does this for you.
- Add
Paste the script tag.
Put it in index.html, the page every route shares. Remove the tag, or keep it out of production builds.
index.html <!-- just before </body>, dev only --> <script src="http://localhost:3899/widget.js" data-token="YOUR_TOKEN"></script> - Run
Start Vite as usual.
The widget shows up in the corner of every page. Click it, then click the element you want changed.
terminal $npm run dev➜Local:http://localhost:5173/➜PulseDev:widget connected
It fits how
Vue works.
A click carries more than a selector. The page, the element and its selector go to your agent, which follows them to the right file.
Vue 3
Composition API, Options API and <script setup>. The widget reads the rendered page, so the syntax doesn’t matter.
Hot reload feedback
The agent edits your .vue file and HMR shows the result in the same tab before you approve the diff.
Your component library
Vuetify, PrimeVue, Quasar or your own. The agent follows the components already in your project.
Page and selector
The page, the element and its selector go to your agent, which follows them to the right file.
Vue questions.
- Does it work with Vue 3?
- Yes. It works with the Composition API and the Options API, since it only needs the page to render on localhost.
- Does it support Pinia?
- Your agent edits Pinia stores like any other file. The native package, coming soon, will also send store state with each click.
- Can I use it with Vuetify or PrimeVue?
- Yes. It works with Vuetify, PrimeVue, Quasar and any other component library.
- Is there a native Vue package?
- It’s coming. The script tag works today, and the package will add component, props and source location to every click.
Your Vue app is running.Go point at the bug.
Windows coming soon. Free to start.