Testing service working precaching

vite.config.ts

@@ -1,6 +1,7 @@
 import path from 'node:path';
 import react from '@vitejs/plugin-react';
 import { defineConfig, loadEnv } from 'vite';
+import { VitePWA } from 'vite-plugin-pwa';
 
 // https://vitejs.dev/config/
 export default defineConfig(({ mode }) => {
@@ -25,7 +26,23 @@ export default defineConfig(({ mode }) => {
 				},
 			},
 		},
-		plugins: [react()],
+		plugins: [
+			react(),
+			VitePWA({
+				srcDir: "src",
+				filename: "service-worker.ts",
+				strategies: "injectManifest",
+				injectRegister: false,
+				manifest: false,
+				injectManifest: {
+					injectionPoint: undefined,
+				},
+				workbox: {
+					maximumFileSizeToCacheInBytes: 10 * 1024 * 1024,
+					globPatterns: ['**/*.{ts,js,css,html,ico,png,svg}']
+				}
+			})
+		],
 		server: {
 			port: 3000,
 			host: '0.0.0.0',