fix voor build locatie van notificatie service worker

.gitignore

@@ -27,3 +27,5 @@ yarn-error.log
 /.nova
 /.vscode
 /.zed
+/public/sw.js
+/public/workbox-*.js

package.json

@@ -34,6 +34,7 @@
         "typescript": "^5.2.2",
         "typescript-eslint": "^8.23.0",
         "vite": "^8.0.0",
+        "vite-plugin-pwa": "^1.3.0",
         "vue-tsc": "^2.2.4"
     },
     "dependencies": {

vite.config.ts

@@ -6,13 +6,15 @@ import laravel from 'laravel-vite-plugin';
 import { bunny } from 'laravel-vite-plugin/fonts';
 import { defineConfig } from 'vite';
 
+import { VitePWA } from 'vite-plugin-pwa';
+
 export default defineConfig({
     resolve: {
         dedupe: ['@laravel/echo-vue'],
     },
     plugins: [
         laravel({
-            input: ['resources/css/app.css', 'resources/js/app.ts', 'resources/js/sw.js'],
+            input: ['resources/css/app.css', 'resources/js/app.ts'],
             refresh: true,
             fonts: [
                 bunny('Instrument Sans', {
@@ -33,5 +35,27 @@ export default defineConfig({
         wayfinder({
             formVariants: true,
         }),
+        VitePWA({
+            registerType: 'autoUpdate',
+            injectRegister: 'auto',
+            workbox: {
+                globPatterns: ['**/*.{js,css,html,ico,png,svg}'],
+                runtimeCaching: [
+                    {
+                        urlPattern: ({ url }) => url.pathname.startsWith('/'),
+                        handler: 'NetworkFirst',
+                        options: {
+                            cacheName: 'api-cache',
+                            cacheableResponse: {
+                                statuses: [0, 200],
+                            },
+                        },
+                    },
+                ],
+            },
+            srcDir: 'resources/js',
+            filename: 'sw.js',
+            outDir: 'public',
+        }),
     ],
 });