wip

vite.config.js

@@ -10,64 +10,46 @@ export default defineConfig({
   // includeAssets: ['public/answers/*.web'],
   plugins: [
     vue(),
-    VitePWA({ 
+    VitePWA({
       name: "My First Progressive Web app",
       short_name: "First PWA",
       theme_color: "#eb5252",
       background_color: "#000000",
-      registerType: 'autoUpdate',
-      injectRegister: 'auto',
-      // workbox: {
-      //   globPatterns: ['**/*.{js,css,html,ico,png,svg,webp}']
-      // },
-      includeAssets: ['favicon.ico', '/favicon/android-icon-*.png', 'mask-icon.svg'],
+      registerType: "autoUpdate",
+      injectRegister: "auto",
+      // add this to cache all the imports
+      workbox: {
+        globPatterns: ["**/*"],
+      },
+      // add this to cache all the
+      // static assets in the public folder
+      includeAssets: [
+        "**/*",
+      ],
+      useCredentials: true,
       manifest: {
         theme_color: "#eb5252",
         orientation: "portrait",
         display: "fullscreen",
-        Scope: "/",
+        scope: "/",
         icons: [
           {
-            src: "/favicon/android-icon-36x36.png",
-            sizes: "36x36",
-            type: "image/png",
-            density: "0.75"
-           },
-           {
-            src: "/favicon/android-icon-48x48.png",
-            sizes: "48x48",
-            type: "image/png",
-            density: "1.0"
-           },
-           {
-            src: "/favicon/android-icon-72x72.png",
-            sizes: "72x72",
-            type: "image/png",
-            density: "1.5"
-           },
-           {
-            src: "/favicon/android-icon-96x96.png",
-            sizes: "96x96",
-            type: "image/png",
-            density: "2.0"
-           },
-           {
-            src: "/favicon/android-icon-144x144.png",
-            sizes: "144x144",
-            type: "image/png",
-            density: "3.0"
-           },
-           {
-            src: "/favicon/android-icon-192x192.png",
-            sizes: "192x192",
-            type: "image/png",
-            density: "4.0"
-           }
-        ]
+            "src": "/images/pwa-icon-256.png",
+            "sizes": "192x192",
+            "type": "image/png",
+            "purpose": "any maskable"
+          },
+          {
+            "src": "/images/pwa-icon-512.png",
+            "sizes": "512x512",
+            "type": "image/png",
+            "purpose": "any maskable"
+          },
+        ],
       },
       devOptions: {
-        enabled: true
-      }
+        enabled: true,
+      },
     }),
   ],
   resolve: {