InstantPWA on Vue

Vue projects work exactly the same as any HTML page: paste the snippet into index.html and it renders on top of your Vue tree. No plugin, no Vuex mutation, no lifecycle hook to remember.

Install: Full support

Web push: Full support

Vue 2 and Vue 3.

How to set it up

1
Open index.html
In Vite: /index.html. In Vue CLI: /public/index.html.
2
Paste the snippet before </body>
Vue mounts inside <div id="app">; the widget renders outside it.
3
Build and deploy
npm run build → deploy the dist folder.

Want the full technical guide?

Manifest, service worker and code samples for Vue.

Setup guide