vue-zone
diff --git a/‎README.md
Lines changed: 3 additions & 0 deletions b/‎README.md
Lines changed: 3 additions & 0 deletions
diff --git a/‎README.zh-CN.md
Lines changed: 3 additions & 0 deletions b/‎README.zh-CN.md
Lines changed: 3 additions & 0 deletions
diff --git a/‎build/vite/index.ts
Lines changed: 30 additions & 0 deletions b/‎build/vite/index.ts
Lines changed: 30 additions & 0 deletions
diff --git a/‎index.html
Lines changed: 3 additions & 1 deletion b/‎index.html
Lines changed: 3 additions & 1 deletion
diff --git a/‎package.json
Lines changed: 2 additions & 1 deletion b/‎package.json
Lines changed: 2 additions & 1 deletion
@@ -36,6 +36,8 @@
 
 - 📑 [Layout system](./src/layouts)
 
+- 📲 [PWA](https://github.com/antfu/vite-plugin-pwa)
+
 - 🎨 [UnoCSS](https://github.com/antfu/unocss) - the instant on-demand atomic CSS engine
 
 - 🔥 Use the [new `<script setup>` syntax](https://github.com/vuejs/rfcs/pull/227)
@@ -92,6 +94,7 @@
 - [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - Designed to enhance the Vue developer experience
 - [vueuse](https://github.com/antfu/vueuse) - collection of useful composition APIs
 - [@unhead/vue](https://github.com/unjs/unhead) - manipulate document head reactively
+- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA
 
 ### Coding Style
 
 
@@ -36,6 +36,8 @@
 
 - 📑 [布局系统](./src/layouts)
 
+- 📲 [PWA](https://github.com/antfu/vite-plugin-pwa)
+
 - 🎨 [UnoCSS](https://github.com/antfu/unocss) - 高性能且极具灵活性的即时原子化 CSS 引擎
 
 - 🔥 使用 [新的 `<script setup>` 语法](https://github.com/vuejs/rfcs/pull/227)
@@ -92,6 +94,7 @@
 - [vite-plugin-vue-devtools](https://github.com/vuejs/devtools-next) - 旨在增强Vue开发者体验的Vite插件
 - [vueuse](https://github.com/antfu/vueuse) - 实用的 Composition API 工具合集
 - [@unhead/vue](https://github.com/unjs/unhead) - 响应式地操作文档头信息
+- [vite-plugin-pwa](https://github.com/antfu/vite-plugin-pwa) - PWA
 
 ### 编码风格
 
 
@@ -12,6 +12,7 @@ import VueDevTools from 'vite-plugin-vue-devtools'
 import mockDevServerPlugin from 'vite-plugin-mock-dev-server'
 import Layouts from 'vite-plugin-vue-layouts'
 import UnoCSS from 'unocss/vite'
+import { VitePWA } from 'vite-plugin-pwa'
 import { createViteVConsole } from './vconsole'
 
 export function createVitePlugins() {
@@ -72,6 +73,35 @@ export function createVitePlugins() {
     // https://github.com/webfansplz/vite-plugin-vue-devtools
     VueDevTools(),
 
+    // https://github.com/antfu/vite-plugin-pwa
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['favicon.svg', 'safari-pinned-tab.svg'],
+      manifest: {
+        name: 'vue3-vant-mobile',
+        short_name: 'vue3-vant-mobile',
+        theme_color: '#ffffff',
+        icons: [
+          {
+            src: '/pwa-192x192.png',
+            sizes: '192x192',
+            type: 'image/png',
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+          },
+          {
+            src: '/pwa-512x512.png',
+            sizes: '512x512',
+            type: 'image/png',
+            purpose: 'any maskable',
+          },
+        ],
+      },
+    }),
+
     vueJsx(),
     visualizer(),
 
 
@@ -3,7 +3,9 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, viewport-fit=cover, user-scalable=no"/>
-    <link rel="icon" href="/favicon.ico" />
+    <link rel="apple-touch-icon" href="/pwa-192x192.png" />
+    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#f6d2d2">
+    <meta name="msapplication-TileColor" content="#f6d2d2">
     <script>
       ;(function () {
         const prefersDark = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches
 
@@ -9,7 +9,7 @@
     "dev": "cross-env MOCK_SERVER_PORT=8086 vite",
     "build": "vue-tsc --noEmit && vite build",
     "build:dev": "vue-tsc --noEmit && vite build --mode=development",
-    "preview": "npm run build && vite preview",
+    "preview": "vite preview",
     "lint": "eslint .",
     "lint:fix": "eslint . --fix",
     "test": "vitest",
@@ -67,6 +67,7 @@
     "unplugin-vue-router": "^0.7.0",
     "vite": "^5.0.12",
     "vite-plugin-mock-dev-server": "^1.4.7",
+    "vite-plugin-pwa": "^0.19.2",
     "vite-plugin-vconsole": "^2.1.1",
     "vite-plugin-vue-devtools": "^7.0.14",
     "vite-plugin-vue-layouts": "^0.11.0",