You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I know the beforeinstallprompt listener can be finicky so I just waited it out. Finally I put the listeners in manually like so:
window.addEventListener('beforeinstallprompt', e => {
e.preventDefault()
// Stash the event so it can be triggered later.
deferredPrompt.value = e
})
window.addEventListener('appinstalled', () => {
deferredPrompt.value = null
})
const installApp = () => {
deferredPrompt.value?.prompt()
}```
And the button is showing now.
The text was updated successfully, but these errors were encountered:
showInstallPrompt should be true when the service worker is installed and activated (no errors in the registration) and the browser supports the beforeinstallprompt event (right now only some Chromium based browser, iirc Arc and Brave don't support it).
You can try using @vite-pwa/create-pwa, select Vue then Nuxt or Nuxt 4 and follow the prompts.
I was hooking up my install button something like this:
v-if="$pwa && $pwa.showInstallPrompt && !$pwa.needRefresh"
I know the beforeinstallprompt listener can be finicky so I just waited it out. Finally I put the listeners in manually like so:
The text was updated successfully, but these errors were encountered: