Make sure the manifest is generated on build

Author: davidmyersdev

.gitignore

@@ -19,6 +19,7 @@
 dev-dist
 dist
 node_modules
+public/manifest.webmanifest
 test/cypress/downloads
 test/cypress/screenshots
 test/cypress/videos

manifest.ts

@@ -0,0 +1,9 @@
+import { writeFileSync } from 'node:fs'
+import { resolve } from 'node:path'
+import { config } from './pwa.config'
+
+const manifest = JSON.stringify(config.manifest, null, 2)
+
+// The manifest is not being created on nuxt generate.
+// https://github.com/vite-pwa/nuxt/issues/17
+writeFileSync(resolve('./public/manifest.webmanifest'), manifest)

package.json

@@ -5,7 +5,7 @@
   "private": true,
   "type": "module",
   "scripts": {
-    "build": "nuxt prepare && nuxt typecheck && nuxt generate",
+    "build": "nuxt prepare && nuxt typecheck && tsx manifest.ts && nuxt generate",
     "clean": "rimraf .output dev-dist dist",
     "dev": "nuxt dev --port 8888",
     "preview": "serve -s ./.output/public",
@@ -58,6 +58,7 @@
     "rimraf": "^4.1.2",
     "serve": "^14.1.2",
     "tailwindcss": "^3.2.6",
+    "tsx": "^3.12.3",
     "typescript": "^4.7.4",
     "vercel": "^28.10.1",
     "vite-plugin-pwa": "^0.14.1",