feat: kickstart pwa

package.json

@@ -139,6 +139,7 @@
     "size-limit": "^8.2.4",
     "tailwindcss": "^3.4.13",
     "vite": "^5.4.19",
+    "vite-plugin-pwa": "^1.0.1",
     "vite-plugin-ruby": "^5.0.0",
     "vitest": "3.0.5"
   },

vite.config.ts

@@ -22,6 +22,7 @@ import { defineConfig } from 'vite';
 import ruby from 'vite-plugin-ruby';
 import path from 'path';
 import vue from '@vitejs/plugin-vue';
+import { VitePWA } from 'vite-plugin-pwa';
 
 const isLibraryMode = process.env.BUILD_MODE === 'library';
 const isTestMode = process.env.TEST === 'true';
@@ -34,7 +35,22 @@ const vueOptions = {
   },
 };
 
-let plugins = [ruby(), vue(vueOptions)];
+let plugins = [
+  ruby(),
+  vue(vueOptions),
+  VitePWA({
+    mode: 'development',
+    strategies: 'generateSW',
+    outDir: './public',
+    injectRegister: null,
+    workbox: {
+      maximumFileSizeToCacheInBytes: 10 * 1024 ** 2,
+    },
+    devOptions: {
+      enabled: true,
+    },
+  }),
+];
 
 if (isLibraryMode) {
   plugins = [];