Banner not shown: beforeinstallpromptevent.preventDefault() called. The page must call beforeinstallpromptevent.prompt() to show the banner.

[Merite15]

I encounter a problem with vite pwa when redirecting urls with parameters I am on nuxt 3.15.4 and I use @vite-pwa/nuxt 0.10.6

[userquin]

No idea what's the problem, redirection and before install prompt are not related, check the following components:

• https://github.com/elk-zone/elk/blob/main/components/pwa/PwaInstallPrompt.client.vue
• https://github.com/elk-zone/elk/blob/main/components/pwa/PwaPrompt.client.vue

You need to show your badge when showInstallPrompt Vue ref is activated (Elk will show it only when there is no new version), then call install. The install prompt is about preventing default browser behavior (show the browser banner), not about calling programatically browser logic (you cannot): will work only on chromium based browsers ( https://caniuse.com/?search=beforeinstallprompt ).

You need to include both components in all your layouts (the prompt only if you're using prompt for update), will require some changes if also showing offline ready badge (Elk not using it).

https://github.com/search?q=repo%3Aelk-zone%2Felk%20PwaInstallPrompt&type=code

[Merite15]

Thanks I will try this