Bug: Doesn't work on fresh Nuxt app about nuxt HOT 5 OPEN

Found my issue, needed to include <VitePwaManifest /> in app.vue. I think we should add this step to the docs. Full example below:

<template>
  <div>
    <VitePwaManifest />
    <NuxtWelcome />
  </div>
</template>

from nuxt.

I think this section could be made for obvious as i also completely missed this

from nuxt.

https://vite-pwa-org.netlify.app/frameworks/nuxt.html#registering-web-manifest

from nuxt.

If it's solved, then @nicodes please close this issue.

from nuxt.

export default defineNuxtConfig({
runtimeConfig: {
public: envData,
},
router: {
mode: "history",
},
buildModules: [
"@nuxtjs/composition-api/module",
["@pinia/nuxt", { disableVuex: false }],
"@nuxtjs/tailwindcss",
],
modules: [
"@vite-pwa/nuxt",
"@element-plus/nuxt",
"@pinia/nuxt",
"@pinia-plugin-persistedstate/nuxt",
],
pwa: {
registerType: "autoUpdate",
manifest: {
name: "D",
short_name: "D",
theme_color: "#ffffff",
icons: [
{
src: "pwa-192x192.png",
sizes: "192x192",
type: "image/png",
},
{
src: "pwa-512x512.png",
sizes: "512x512",
type: "image/png",
},
{
src: "pwa-512x512.png",
sizes: "512x512",
type: "image/png",
purpose: "any maskable",
},
],
},
workbox: {
globPatterns: ["**/*.{js,css,html,png,svg,ico}"],
},
client: {
installPrompt: true,
periodicSyncForUpdates: 20,
},
devOptions: {
enabled: true,
suppressWarnings: true,
navigateFallbackAllowlist: [/^/$/],
type: "module",
},
},
plugins: [
// { src: '@/plugins/service-worker.ts', mode: 'client' }
// '/plugins/dict',
// '/router.js'
// { src: '~/plugins/router.plugin.ts', mode: 'client' },
],
pinia: {
autoImports: [
// automatically imports defineStore
"defineStore", // import { defineStore } from 'pinia'
["defineStore", "definePiniaStore"], // import { defineStore as definePiniaStore } from 'pinia'
],
},
build: {
transpile: ["/^element-plus/", "vue-i18n"],
extractCSS: { allChunks: true },
}

Production environments do not see pwa downloads，How to configure？

from nuxt.