docs: pwa

Author: NelsonYong

docs/.vitepress/config/index.ts

@@ -2,11 +2,26 @@ import { defineConfig } from 'vitepress'
 import { shared } from './shared'
 import { en } from './en'
 import { zh } from './zh'
+import { withPwa } from '@vite-pwa/vitepress'
+import { resolve } from 'path'
 
-export default defineConfig({
+export default withPwa(defineConfig({
   ...shared,
   locales: {
     root: { label: 'English', ...en },
     zh: { label: '简体中文', ...zh }
+  },
+  pwa: {
+    outDir: resolve(__dirname, '../', 'dist'),
+    registerType: 'autoUpdate',
+    srcDir: '.vitepress/',
+    strategies: 'generateSW', // <== if omitted, defaults to `generateSW`  
+    workbox: {
+      globPatterns: ['**/*.{js,css,html,ico,png,svg}'], // 添加明确的glob模式
+      globDirectory: '../', // 指定glob目录
+    },
+    experimental: {
+      includeAllowlist: true
+    }
   }
-})
+}))

package.json

@@ -34,6 +34,7 @@
     "@types/prettier": "^2.6.3",
     "@types/qs": "^6.9.7",
     "@types/react-dom": "^18.0.6",
+    "@vite-pwa/vitepress": "^1.0.0",
     "@vitejs/plugin-vue": "^2.3.1",
     "@vitest/coverage-c8": "^0.25.7",
     "@vitest/ui": "^0.25.3",