Enable in dev and fix default icon / csp

Author: hvangeffen

public/favicon.svg

@@ -56,7 +56,8 @@ export default async function getVitePWAPlugin(
     },
 
     pwaAssets: {
-      image: webOcConfig?.icons?.logo ?? './public/images/favicon.ico',
+      image: webOcConfig?.icons?.logo,
+      overrideManifestIcons: webOcConfig?.icons.logo !== undefined,
     },
 
     workbox: {
@@ -66,7 +67,7 @@ export default async function getVitePWAPlugin(
     },
 
     devOptions: {
-      enabled: false,
+      enabled: true,
       navigateFallback: 'index.html',
       suppressWarnings: true,
       type: 'module',

vite-pwa.config.ts

@@ -27,6 +27,7 @@ export default defineConfig(async ({ mode, command }) => {
       headers: {
         'content-security-policy': [
           `default-src 'none'`,
+          `manifest-src 'self'`,
           `script-src 'self'`,
           `font-src 'self'`,
           `style-src 'self' 'unsafe-inline'`, // vuetify