revert(pwa): fallback to autoUpdate

env.d.ts

@@ -1,38 +1,5 @@
 /// <reference types="vite/client" />
 /// <reference types="vite-svg-loader" />
-/// <reference types="vite-plugin-pwa/client" />
-
-declare module 'virtual:pwa-register/vue' {
-  // @ts-expect-error ignore when vue is not installed
-  import type { Ref } from 'vue';
-
-  export interface RegisterSWOptions {
-    immediate?: boolean;
-    onNeedRefresh?: () => void;
-    onOfflineReady?: () => void;
-    /**
-     * Called only if `onRegisteredSW` is not provided.
-     *
-     * @deprecated Use `onRegisteredSW` instead.
-     * @param registration The service worker registration if available.
-     */
-    onRegistered?: (registration: ServiceWorkerRegistration | undefined) => void;
-    /**
-     * Called once the service worker is registered (requires version `0.12.8+`).
-     *
-     * @param swScriptUrl The service worker script url.
-     * @param registration The service worker registration if available.
-     */
-    onRegisteredSW?: (swScriptUrl: string, registration: ServiceWorkerRegistration | undefined) => void;
-    onRegisterError?: (error: any) => void;
-  }
-
-  export function useRegisterSW(options?: RegisterSWOptions): {
-    needRefresh: Ref<boolean>;
-    offlineReady: Ref<boolean>;
-    updateServiceWorker: (reloadPage?: boolean) => Promise<void>;
-  };
-}
 
 interface ImportMetaEnv {
   VITE_PLAUSIBLE_API_HOST: string;

src/App.vue

@@ -5,7 +5,6 @@ import { darkTheme, NGlobalStyle, NMessageProvider, NNotificationProvider } from
 import { darkThemeOverrides, lightThemeOverrides } from './themes';
 import { layouts } from './layouts';
 import { useStyleStore } from './stores/style.store';
-import ReloadPrompt from './components/ReloadPrompt';
 
 const route = useRoute();
 const layout = computed(() => route?.meta?.layout ?? layouts.base);
@@ -20,7 +19,6 @@ const themeOverrides = computed(() => (styleStore.isDarkTheme ? darkThemeOverrid
     <n-global-style />
     <n-message-provider placement="bottom">
       <n-notification-provider placement="bottom-right">
-        <reload-prompt />
         <component :is="layout">
           <router-view />
         </component>

src/components/ReloadPrompt.tsx

@@ -1,52 +0,0 @@
-/* eslint-disable vue/one-component-per-file */
-import { useRegisterSW } from 'virtual:pwa-register/vue';
-import { useNotification, type NotificationReactive } from 'naive-ui';
-import { defineComponent } from 'vue';
-import { whenever } from '@vueuse/core';
-
-export default defineComponent({
-  setup() {
-    const notificationBuilder = useNotification();
-
-    const { needRefresh, offlineReady, updateServiceWorker } = useRegisterSW();
-
-    let notification: NotificationReactive | null = null;
-
-    const onUpdateClicked = () => {
-      if (notification) {
-        notification.action = () => (
-          <n-button loading type="primary" secondary>
-            Reloading
-          </n-button>
-        );
-      }
-
-      updateServiceWorker();
-    };
-
-    whenever(
-      needRefresh,
-      () => {
-        notification = notificationBuilder.create({
-          title: 'A new version is out!',
-          content: 'Update to get the latest version of it-tools',
-          closable: true,
-          onClose: () => {
-            needRefresh.value = false;
-            return true;
-          },
-          action: () => (
-            <n-button onClick={onUpdateClicked} type="primary" secondary>
-              Reload
-            </n-button>
-          ),
-        });
-      },
-      { immediate: true },
-    );
-
-    whenever(offlineReady, () => notification?.destroy(), { immediate: true });
-
-    return () => '';
-  },
-});

tsconfig.app.json

@@ -9,6 +9,6 @@
     "paths": {
       "@/*": ["./src/*"]
     },
-    "types": ["naive-ui/volar", "vite-plugin-pwa/client"]
+    "types": ["naive-ui/volar"]
   }
 }

vite.config.ts

@@ -17,7 +17,7 @@ export default defineConfig({
     markdown(),
     svgLoader(),
     VitePWA({
-      registerType: 'prompt',
+      registerType: 'autoUpdate',
       strategies: 'generateSW',
       manifest: {
         name: 'IT Tools',