chore: enhance PWA cache invalidation logic

src/main.js

@@ -40,7 +40,11 @@ if ('serviceWorker' in navigator) {
   }
   navigator.serviceWorker.addEventListener('controllerchange', triggerReload)
   const checkForUpdate = () => {
-    navigator.serviceWorker.getRegistration().then((registration) => registration?.update())
+    navigator.serviceWorker.getRegistration().then((registration) => {
+      if (registration) {
+        registration.update()
+      }
+    })
   }
   window.addEventListener('visibilitychange', () => {
     if (document.visibilityState === 'visible') checkForUpdate()

vite.config.js

@@ -12,6 +12,11 @@ export default defineConfig({
     VitePWA({
       registerType: 'autoUpdate',
       injectRegister: 'auto',
+      workbox: {
+        cleanupOutdatedCaches: true,
+        skipWaiting: true,
+        clientsClaim: true,
+      },
       devOptions: {
         enabled: true
       },