PWA - patched deps

vite.config.ts

@@ -2,9 +2,45 @@ import tailwindcss from '@tailwindcss/vite';
 import { defineConfig } from 'vitest/config';
 import { playwright } from '@vitest/browser-playwright';
 import { sveltekit } from '@sveltejs/kit/vite';
+import { SvelteKitPWA } from '@vite-pwa/sveltekit';
 
 export default defineConfig({
-	plugins: [tailwindcss(), sveltekit()],
+	plugins: [
+        SvelteKitPWA({
+            srcDir: './src',
+            mode: 'development',
+            strategies: 'generateSW',
+            scope: '/',
+            base: '/',
+            selfDestroying: process.env.SELF_DESTROYING_SW === 'true',
+            manifest: {
+                short_name: 'InstaChef',
+                name: 'InstaChef Recipe Saver',
+                start_url: '/',
+                scope: '/',
+                display: 'standalone',
+                theme_color: "#ffffff",
+                background_color: "#ffffff",
+                icons: [
+                    { src: '/favicon.png', sizes: '192x192', type: 'image/png' },
+                    { src: '/favicon.png', sizes: '512x512', type: 'image/png' }
+                ],
+                share_target: {
+                    action: '/share',
+                    method: 'GET',
+                    enctype: 'application/x-www-form-urlencoded',
+                    params: { title: 'title', text: 'text', url: 'url' }
+                }
+            },
+            workbox: {
+                globPatterns: ['client/**/*.{js,css,ico,png,svg,webp,woff,woff2}']
+            },
+            devOptions: {
+                enabled: true,
+                suppressWarnings: true,
+                navigateFallback: '/',
+            },
+        }),tailwindcss(), sveltekit()],
 	test: {
 		expect: { requireAssertions: true },
 		projects: [