a

app.vue

 <template>
+    <NuxtPwaManifest />
     <NuxtLayout name="default">
         <NuxtPage />
     </NuxtLayout>

nuxt.config.ts

 // https://nuxt.com/docs/api/configuration/nuxt-config
+const sw = process.env.SW === 'true'
 export default defineNuxtConfig({
     devtools: {
         enabled: false
@@ -6,5 +7,53 @@ export default defineNuxtConfig({
     modules: [
         '@vite-pwa/nuxt',
         '@nuxt/ui'
-    ]
+    ],
+    pwa: {
+        strategies: sw ? 'injectManifest' : 'generateSW',
+        srcDir: sw ? 'service-worker' : undefined,
+        filename: sw ? 'sw.ts' : undefined,
+        registerType: 'autoUpdate',
+        manifest: {
+            name: 'Nuxt Vite PWA',
+            short_name: 'NuxtVitePWA',
+            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}'],
+        },
+        injectManifest: {
+            globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
+        },
+        client: {
+            installPrompt: true,
+            // you don't need to include this: only for testing purposes
+            // if enabling periodic sync for update use 1 hour or so (periodicSyncForUpdates: 3600)
+            periodicSyncForUpdates: 20,
+        },
+        devOptions: {
+            enabled: true,
+            suppressWarnings: true,
+            navigateFallback: '/',
+            navigateFallbackAllowlist: [/^\/$/],
+            type: 'module',
+        },
+    },
 })
\ No newline at end of file

service-worker/sw.ts

+/// <reference lib="WebWorker" />
+/// <reference types="vite/client" />
+import { cleanupOutdatedCaches, createHandlerBoundToURL, precacheAndRoute } from 'workbox-precaching'
+import { clientsClaim } from 'workbox-core'
+import { NavigationRoute, registerRoute } from 'workbox-routing'
+
+declare let self: ServiceWorkerGlobalScope
+
+// self.__WB_MANIFEST is default injection point
+precacheAndRoute(self.__WB_MANIFEST)
+
+// clean old assets
+cleanupOutdatedCaches()
+
+let allowlist: undefined | RegExp[]
+if (import.meta.env.DEV)
+  allowlist = [/^\/$/]
+
+// to allow work offline
+registerRoute(new NavigationRoute(
+  createHandlerBoundToURL('/'),
+  { allowlist },
+))
+
+self.skipWaiting()
+clientsClaim()