chore: pwa update prompt

src/main.tsx

@@ -1,3 +1,4 @@
+import './pwa';
 import React from 'react';
 import ReactDOM from 'react-dom/client';
 
@@ -13,5 +14,5 @@ SyntaxHighlighter.registerLanguage('bash', hljsSyntaxBash);
 ReactDOM.createRoot(document.getElementById('root') as HTMLElement).render(
   <React.StrictMode>
     <AppRoot />
-  </React.StrictMode>
+  </React.StrictMode>,
 );

src/pwa.ts

@@ -0,0 +1,10 @@
+import { registerSW } from 'virtual:pwa-register';
+
+const updateSW = registerSW({
+  onNeedRefresh() {
+    if (confirm('应用程序已更新，是否刷新？')) {
+      updateSW();
+    }
+  },
+  onOfflineReady() {},
+});

src/vite-env.d.ts

@@ -1 +1,9 @@
 /// <reference types="vite/client" />
+
+module 'virtual:pwa-register' {
+  /**
+   * See: {@link https://vite-pwa-org.netlify.app/guide/prompt-for-update.html}
+   */
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  declare function registerSW(opts: unknown): () => void;
+}