refactor: fuck vite defineConfig

refactor: save
2024-05-02 00:31:06 +08:00 · 2024-05-02 00:14:41 +08:00 · 2024-05-01 22:57:01 +08:00 · 2024-05-01 22:53:47 +08:00 · 2024-05-01 22:43:44 +08:00 · 2024-05-01 22:26:37 +08:00
8 changed files with 576 additions and 353 deletions
--- a/.dockerignore
+++ b/.dockerignore
@@ -1,24 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-.DS_Store
-coverage
-*.local
-
-node_modules
-.vscode/*
-!.vscode/extensions.json
-.idea
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-docs
-node
--- a/.github/workflows/docker-image-ci.yml
+++ b/.github/workflows/docker-image-ci.yml
@@ -37,5 +37,5 @@ jobs:
          push: true
          platforms: linux/amd64,linux/arm64
          tags: |
-            ghcr.io/${{ github.repository_owner }}/douyin:${{ steps.vars.outputs.version }}
-            ghcr.io/${{ github.repository_owner }}/douyin:latest
+            ghcr.io/${{ github.repository_owner }}/douyin-vue:${{ steps.vars.outputs.version }}
+            ghcr.io/${{ github.repository_owner }}/douyin-vue:latest
--- a/7
+++ b/7
@@ -1,5 +1,5 @@
 # syntax = docker/dockerfile:experimental
-FROM --platform=${BUILDPLATFORM:-linux/amd64,linux/arm64} node:20-buster AS builder
+FROM --platform=${BUILDPLATFORM:-linux/amd64,linux/arm64} node:18-buster AS builder

 ENV PNPM_HOME="/pnpm"
 ENV PATH="$PNPM_HOME:$PATH"
@@ -9,9 +9,8 @@ WORKDIR /app
 COPY . .

 # RUN两次方便观察install和build, 也可以用pnpm cache and locked
-RUN pnpm install      
-RUN npm run build
-        
+RUN pnpm install && pnpm run build
+
 FROM --platform=${BUILDPLATFORM:-linux/amd64,linux/arm64} ghcr.io/rookie-luochao/nginx-runner:latest

 COPY --from=builder /app/dist .
--- a/package.json
+++ b/package.json
@@ -2,11 +2,12 @@
  "name": "douyin-vue",
  "version": "1.1.0",
  "private": true,
+  "type": "module",
  "scripts": {
    "dev": "vite --host",
    "start": "vite --host",
    "serve": "vite --host",
-    "build": "vite build --mode prod",
+    "build": "vite build",
    "test-del-json": "node node/remove-dist-json.js",
    "build-uni-app": "vite build --mode uni",
    "build-gp-pages": "vite build --mode gp_pages",
@@ -39,7 +40,7 @@
    "@rushstack/eslint-patch": "^1.3.3",
    "@tsconfig/node20": "^20.1.2",
    "@types/node": "^20.11.28",
-    "@vitejs/plugin-vue": "4.0.0",
+    "@vitejs/plugin-vue": "^5.0.4",
    "@vitejs/plugin-vue-jsx": "^3.1.0",
    "@vue/eslint-config-prettier": "^8.0.0",
    "@vue/eslint-config-typescript": "^12.0.0",
@@ -56,7 +57,7 @@
    "rollup-plugin-visualizer": "^5.9.2",
    "typescript": "5.3.3",
    "unplugin-vue-macros": "^2.9.1",
-    "vite": "^5.1.7",
+    "vite": "^5.2.0",
    "vite-plugin-cdn-import": "0.3.5",
    "vue-tsc": "^2.0.6"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -53,11 +53,11 @@ devDependencies:
    specifier: ^20.11.28
    version: 20.12.4
  '@vitejs/plugin-vue':
-    specifier: 4.0.0
-    version: 4.0.0(vite@5.1.7)(vue@3.4.21)
+    specifier: ^5.0.4
+    version: 5.0.4(vite@5.2.10)(vue@3.4.21)
  '@vitejs/plugin-vue-jsx':
    specifier: ^3.1.0
-    version: 3.1.0(vite@5.1.7)(vue@3.4.21)
+    version: 3.1.0(vite@5.2.10)(vue@3.4.21)
  '@vue/eslint-config-prettier':
    specifier: ^8.0.0
    version: 8.0.0(eslint@8.57.0)(prettier@3.2.5)
@@ -102,10 +102,10 @@ devDependencies:
    version: 5.3.3
  unplugin-vue-macros:
    specifier: ^2.9.1
-    version: 2.9.1(rollup@2.79.1)(typescript@5.3.3)(vite@5.1.7)(vue@3.4.21)
+    version: 2.9.1(rollup@2.79.1)(typescript@5.3.3)(vite@5.2.10)(vue@3.4.21)
  vite:
-    specifier: ^5.1.7
-    version: 5.1.7(@types/node@20.12.4)(less@4.1.3)
+    specifier: ^5.2.0
+    version: 5.2.10(@types/node@20.12.4)(less@4.1.3)
  vite-plugin-cdn-import:
    specifier: 0.3.5
    version: 0.3.5(rollup@2.79.1)
@@ -672,8 +672,8 @@ packages:
      chalk: 5.3.0
    dev: true

-  /@esbuild/aix-ppc64@0.19.12:
-    resolution: {integrity: sha512-bmoCYyWdEL3wDQIVbcyzRyeKLgk2WtWLTWz1ZIAZF/EGbNOwSA6ew3PftJ1PqMiOOGu0OyFMzG53L0zqIpPeNA==}
+  /@esbuild/aix-ppc64@0.20.2:
+    resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
    engines: {node: '>=12'}
    cpu: [ppc64]
    os: [aix]
@@ -681,8 +681,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/android-arm64@0.19.12:
-    resolution: {integrity: sha512-P0UVNGIienjZv3f5zq0DP3Nt2IE/3plFzuaS96vihvD0Hd6H/q4WXUGpCxD/E8YrSXfNyRPbpTq+T8ZQioSuPA==}
+  /@esbuild/android-arm64@0.20.2:
+    resolution: {integrity: sha512-mRzjLacRtl/tWU0SvD8lUEwb61yP9cqQo6noDZP/O8VkwafSYwZ4yWy24kan8jE/IMERpYncRt2dw438LP3Xmg==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [android]
@@ -690,8 +690,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/android-arm@0.19.12:
-    resolution: {integrity: sha512-qg/Lj1mu3CdQlDEEiWrlC4eaPZ1KztwGJ9B6J+/6G+/4ewxJg7gqj8eVYWvao1bXrqGiW2rsBZFSX3q2lcW05w==}
+  /@esbuild/android-arm@0.20.2:
+    resolution: {integrity: sha512-t98Ra6pw2VaDhqNWO2Oph2LXbz/EJcnLmKLGBJwEwXX/JAN83Fym1rU8l0JUWK6HkIbWONCSSatf4sf2NBRx/w==}
    engines: {node: '>=12'}
    cpu: [arm]
    os: [android]
@@ -699,8 +699,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/android-x64@0.19.12:
-    resolution: {integrity: sha512-3k7ZoUW6Q6YqhdhIaq/WZ7HwBpnFBlW905Fa4s4qWJyiNOgT1dOqDiVAQFwBH7gBRZr17gLrlFCRzF6jFh7Kew==}
+  /@esbuild/android-x64@0.20.2:
+    resolution: {integrity: sha512-btzExgV+/lMGDDa194CcUQm53ncxzeBrWJcncOBxuC6ndBkKxnHdFJn86mCIgTELsooUmwUm9FkhSp5HYu00Rg==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [android]
@@ -708,8 +708,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/darwin-arm64@0.19.12:
-    resolution: {integrity: sha512-B6IeSgZgtEzGC42jsI+YYu9Z3HKRxp8ZT3cqhvliEHovq8HSX2YX8lNocDn79gCKJXOSaEot9MVYky7AKjCs8g==}
+  /@esbuild/darwin-arm64@0.20.2:
+    resolution: {integrity: sha512-4J6IRT+10J3aJH3l1yzEg9y3wkTDgDk7TSDFX+wKFiWjqWp/iCfLIYzGyasx9l0SAFPT1HwSCR+0w/h1ES/MjA==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [darwin]
@@ -717,8 +717,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/darwin-x64@0.19.12:
-    resolution: {integrity: sha512-hKoVkKzFiToTgn+41qGhsUJXFlIjxI/jSYeZf3ugemDYZldIXIxhvwN6erJGlX4t5h417iFuheZ7l+YVn05N3A==}
+  /@esbuild/darwin-x64@0.20.2:
+    resolution: {integrity: sha512-tBcXp9KNphnNH0dfhv8KYkZhjc+H3XBkF5DKtswJblV7KlT9EI2+jeA8DgBjp908WEuYll6pF+UStUCfEpdysA==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [darwin]
@@ -726,8 +726,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/freebsd-arm64@0.19.12:
-    resolution: {integrity: sha512-4aRvFIXmwAcDBw9AueDQ2YnGmz5L6obe5kmPT8Vd+/+x/JMVKCgdcRwH6APrbpNXsPz+K653Qg8HB/oXvXVukA==}
+  /@esbuild/freebsd-arm64@0.20.2:
+    resolution: {integrity: sha512-d3qI41G4SuLiCGCFGUrKsSeTXyWG6yem1KcGZVS+3FYlYhtNoNgYrWcvkOoaqMhwXSMrZRl69ArHsGJ9mYdbbw==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [freebsd]
@@ -735,8 +735,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/freebsd-x64@0.19.12:
-    resolution: {integrity: sha512-EYoXZ4d8xtBoVN7CEwWY2IN4ho76xjYXqSXMNccFSx2lgqOG/1TBPW0yPx1bJZk94qu3tX0fycJeeQsKovA8gg==}
+  /@esbuild/freebsd-x64@0.20.2:
+    resolution: {integrity: sha512-d+DipyvHRuqEeM5zDivKV1KuXn9WeRX6vqSqIDgwIfPQtwMP4jaDsQsDncjTDDsExT4lR/91OLjRo8bmC1e+Cw==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [freebsd]
@@ -744,8 +744,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-arm64@0.19.12:
-    resolution: {integrity: sha512-EoTjyYyLuVPfdPLsGVVVC8a0p1BFFvtpQDB/YLEhaXyf/5bczaGeN15QkR+O4S5LeJ92Tqotve7i1jn35qwvdA==}
+  /@esbuild/linux-arm64@0.20.2:
+    resolution: {integrity: sha512-9pb6rBjGvTFNira2FLIWqDk/uaf42sSyLE8j1rnUpuzsODBq7FvpwHYZxQ/It/8b+QOS1RYfqgGFNLRI+qlq2A==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [linux]
@@ -753,8 +753,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-arm@0.19.12:
-    resolution: {integrity: sha512-J5jPms//KhSNv+LO1S1TX1UWp1ucM6N6XuL6ITdKWElCu8wXP72l9MM0zDTzzeikVyqFE6U8YAV9/tFyj0ti+w==}
+  /@esbuild/linux-arm@0.20.2:
+    resolution: {integrity: sha512-VhLPeR8HTMPccbuWWcEUD1Az68TqaTYyj6nfE4QByZIQEQVWBB8vup8PpR7y1QHL3CpcF6xd5WVBU/+SBEvGTg==}
    engines: {node: '>=12'}
    cpu: [arm]
    os: [linux]
@@ -762,8 +762,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-ia32@0.19.12:
-    resolution: {integrity: sha512-Thsa42rrP1+UIGaWz47uydHSBOgTUnwBwNq59khgIwktK6x60Hivfbux9iNR0eHCHzOLjLMLfUMLCypBkZXMHA==}
+  /@esbuild/linux-ia32@0.20.2:
+    resolution: {integrity: sha512-o10utieEkNPFDZFQm9CoP7Tvb33UutoJqg3qKf1PWVeeJhJw0Q347PxMvBgVVFgouYLGIhFYG0UGdBumROyiig==}
    engines: {node: '>=12'}
    cpu: [ia32]
    os: [linux]
@@ -771,8 +771,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-loong64@0.19.12:
-    resolution: {integrity: sha512-LiXdXA0s3IqRRjm6rV6XaWATScKAXjI4R4LoDlvO7+yQqFdlr1Bax62sRwkVvRIrwXxvtYEHHI4dm50jAXkuAA==}
+  /@esbuild/linux-loong64@0.20.2:
+    resolution: {integrity: sha512-PR7sp6R/UC4CFVomVINKJ80pMFlfDfMQMYynX7t1tNTeivQ6XdX5r2XovMmha/VjR1YN/HgHWsVcTRIMkymrgQ==}
    engines: {node: '>=12'}
    cpu: [loong64]
    os: [linux]
@@ -780,8 +780,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-mips64el@0.19.12:
-    resolution: {integrity: sha512-fEnAuj5VGTanfJ07ff0gOA6IPsvrVHLVb6Lyd1g2/ed67oU1eFzL0r9WL7ZzscD+/N6i3dWumGE1Un4f7Amf+w==}
+  /@esbuild/linux-mips64el@0.20.2:
+    resolution: {integrity: sha512-4BlTqeutE/KnOiTG5Y6Sb/Hw6hsBOZapOVF6njAESHInhlQAghVVZL1ZpIctBOoTFbQyGW+LsVYZ8lSSB3wkjA==}
    engines: {node: '>=12'}
    cpu: [mips64el]
    os: [linux]
@@ -789,8 +789,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-ppc64@0.19.12:
-    resolution: {integrity: sha512-nYJA2/QPimDQOh1rKWedNOe3Gfc8PabU7HT3iXWtNUbRzXS9+vgB0Fjaqr//XNbd82mCxHzik2qotuI89cfixg==}
+  /@esbuild/linux-ppc64@0.20.2:
+    resolution: {integrity: sha512-rD3KsaDprDcfajSKdn25ooz5J5/fWBylaaXkuotBDGnMnDP1Uv5DLAN/45qfnf3JDYyJv/ytGHQaziHUdyzaAg==}
    engines: {node: '>=12'}
    cpu: [ppc64]
    os: [linux]
@@ -798,8 +798,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-riscv64@0.19.12:
-    resolution: {integrity: sha512-2MueBrlPQCw5dVJJpQdUYgeqIzDQgw3QtiAHUC4RBz9FXPrskyyU3VI1hw7C0BSKB9OduwSJ79FTCqtGMWqJHg==}
+  /@esbuild/linux-riscv64@0.20.2:
+    resolution: {integrity: sha512-snwmBKacKmwTMmhLlz/3aH1Q9T8v45bKYGE3j26TsaOVtjIag4wLfWSiZykXzXuE1kbCE+zJRmwp+ZbIHinnVg==}
    engines: {node: '>=12'}
    cpu: [riscv64]
    os: [linux]
@@ -807,8 +807,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-s390x@0.19.12:
-    resolution: {integrity: sha512-+Pil1Nv3Umes4m3AZKqA2anfhJiVmNCYkPchwFJNEJN5QxmTs1uzyy4TvmDrCRNT2ApwSari7ZIgrPeUx4UZDg==}
+  /@esbuild/linux-s390x@0.20.2:
+    resolution: {integrity: sha512-wcWISOobRWNm3cezm5HOZcYz1sKoHLd8VL1dl309DiixxVFoFe/o8HnwuIwn6sXre88Nwj+VwZUvJf4AFxkyrQ==}
    engines: {node: '>=12'}
    cpu: [s390x]
    os: [linux]
@@ -816,8 +816,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/linux-x64@0.19.12:
-    resolution: {integrity: sha512-B71g1QpxfwBvNrfyJdVDexenDIt1CiDN1TIXLbhOw0KhJzE78KIFGX6OJ9MrtC0oOqMWf+0xop4qEU8JrJTwCg==}
+  /@esbuild/linux-x64@0.20.2:
+    resolution: {integrity: sha512-1MdwI6OOTsfQfek8sLwgyjOXAu+wKhLEoaOLTjbijk6E2WONYpH9ZU2mNtR+lZ2B4uwr+usqGuVfFT9tMtGvGw==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [linux]
@@ -825,8 +825,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/netbsd-x64@0.19.12:
-    resolution: {integrity: sha512-3ltjQ7n1owJgFbuC61Oj++XhtzmymoCihNFgT84UAmJnxJfm4sYCiSLTXZtE00VWYpPMYc+ZQmB6xbSdVh0JWA==}
+  /@esbuild/netbsd-x64@0.20.2:
+    resolution: {integrity: sha512-K8/DhBxcVQkzYc43yJXDSyjlFeHQJBiowJ0uVL6Tor3jGQfSGHNNJcWxNbOI8v5k82prYqzPuwkzHt3J1T1iZQ==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [netbsd]
@@ -834,8 +834,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/openbsd-x64@0.19.12:
-    resolution: {integrity: sha512-RbrfTB9SWsr0kWmb9srfF+L933uMDdu9BIzdA7os2t0TXhCRjrQyCeOt6wVxr79CKD4c+p+YhCj31HBkYcXebw==}
+  /@esbuild/openbsd-x64@0.20.2:
+    resolution: {integrity: sha512-eMpKlV0SThJmmJgiVyN9jTPJ2VBPquf6Kt/nAoo6DgHAoN57K15ZghiHaMvqjCye/uU4X5u3YSMgVBI1h3vKrQ==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [openbsd]
@@ -843,8 +843,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/sunos-x64@0.19.12:
-    resolution: {integrity: sha512-HKjJwRrW8uWtCQnQOz9qcU3mUZhTUQvi56Q8DPTLLB+DawoiQdjsYq+j+D3s9I8VFtDr+F9CjgXKKC4ss89IeA==}
+  /@esbuild/sunos-x64@0.20.2:
+    resolution: {integrity: sha512-2UyFtRC6cXLyejf/YEld4Hajo7UHILetzE1vsRcGL3earZEW77JxrFjH4Ez2qaTiEfMgAXxfAZCm1fvM/G/o8w==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [sunos]
@@ -852,8 +852,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-arm64@0.19.12:
-    resolution: {integrity: sha512-URgtR1dJnmGvX864pn1B2YUYNzjmXkuJOIqG2HdU62MVS4EHpU2946OZoTMnRUHklGtJdJZ33QfzdjGACXhn1A==}
+  /@esbuild/win32-arm64@0.20.2:
+    resolution: {integrity: sha512-GRibxoawM9ZCnDxnP3usoUDO9vUkpAxIIZ6GQI+IlVmr5kP3zUq+l17xELTHMWTWzjxa2guPNyrpq1GWmPvcGQ==}
    engines: {node: '>=12'}
    cpu: [arm64]
    os: [win32]
@@ -861,8 +861,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-ia32@0.19.12:
-    resolution: {integrity: sha512-+ZOE6pUkMOJfmxmBZElNOx72NKpIa/HFOMGzu8fqzQJ5kgf6aTGrcJaFsNiVMH4JKpMipyK+7k0n2UXN7a8YKQ==}
+  /@esbuild/win32-ia32@0.20.2:
+    resolution: {integrity: sha512-HfLOfn9YWmkSKRQqovpnITazdtquEW8/SoHW7pWpuEeguaZI4QnCRW6b+oZTztdBnZOS2hqJ6im/D5cPzBTTlQ==}
    engines: {node: '>=12'}
    cpu: [ia32]
    os: [win32]
@@ -870,8 +870,8 @@ packages:
    dev: true
    optional: true

-  /@esbuild/win32-x64@0.19.12:
-    resolution: {integrity: sha512-T1QyPSDCyMXaO3pzBkF96E8xMkiRYbUEZADd29SyPGabqxMViNoii+NcK7eWJAEoU6RZyEm5lVSIjTmcdoB9HA==}
+  /@esbuild/win32-x64@0.20.2:
+    resolution: {integrity: sha512-N49X4lJX27+l9jbLKSqZ6bKNjzQvHaT8IIFUy+YIqmXQdjYCToGWwOItDrfby14c78aDd5NHQl29xingXfCdLQ==}
    engines: {node: '>=12'}
    cpu: [x64]
    os: [win32]
@@ -1356,7 +1356,7 @@ packages:
    resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
    dev: true

-  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.1.7)(vue@3.4.21):
+  /@vitejs/plugin-vue-jsx@3.1.0(vite@5.2.10)(vue@3.4.21):
    resolution: {integrity: sha512-w9M6F3LSEU5kszVb9An2/MmXNxocAnUb3WhRr8bHlimhDrXNt6n6D2nJQR3UXpGlZHh/EsgouOHCsM8V3Ln+WA==}
    engines: {node: ^14.18.0 || >=16.0.0}
    peerDependencies:
@@ -1366,20 +1366,20 @@ packages:
      '@babel/core': 7.24.3
      '@babel/plugin-transform-typescript': 7.24.1(@babel/core@7.24.3)
      '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.24.3)
-      vite: 5.1.7(@types/node@20.12.4)(less@4.1.3)
+      vite: 5.2.10(@types/node@20.12.4)(less@4.1.3)
      vue: 3.4.21(typescript@5.3.3)
    transitivePeerDependencies:
      - supports-color
    dev: true

-  /@vitejs/plugin-vue@4.0.0(vite@5.1.7)(vue@3.4.21):
-    resolution: {integrity: sha512-e0X4jErIxAB5oLtDqbHvHpJe/uWNkdpYV83AOG2xo2tEVSzCzewgJMtREZM30wXnM5ls90hxiOtAuVU6H5JgbA==}
-    engines: {node: ^14.18.0 || >=16.0.0}
+  /@vitejs/plugin-vue@5.0.4(vite@5.2.10)(vue@3.4.21):
+    resolution: {integrity: sha512-WS3hevEszI6CEVEx28F8RjTX97k3KsrcY6kvTg7+Whm5y3oYvcqzVeGCU3hxSAn4uY2CLCkeokkGKpoctccilQ==}
+    engines: {node: ^18.0.0 || >=20.0.0}
    peerDependencies:
-      vite: ^4.0.0
+      vite: ^5.0.0
      vue: ^3.2.25
    dependencies:
-      vite: 5.1.7(@types/node@20.12.4)(less@4.1.3)
+      vite: 5.2.10(@types/node@20.12.4)(less@4.1.3)
      vue: 3.4.21(typescript@5.3.3)
    dev: true

@@ -1567,7 +1567,7 @@ packages:
      - rollup
    dev: true

-  /@vue-macros/devtools@0.2.0(typescript@5.3.3)(vite@5.1.7):
+  /@vue-macros/devtools@0.2.0(typescript@5.3.3)(vite@5.2.10):
    resolution: {integrity: sha512-jHjvY1bFgQLe/2+5pBOG4fgmL5MPhsqQDj7Barhj8YN+Oe7U2hBImvfAyOGpqd2uucLOWQTP1cWrp3q9b1svsg==}
    engines: {node: '>=16.14.0'}
    peerDependencies:
@@ -1577,7 +1577,7 @@ packages:
        optional: true
    dependencies:
      sirv: 2.0.4
-      vite: 5.1.7(@types/node@20.12.4)(less@4.1.3)
+      vite: 5.2.10(@types/node@20.12.4)(less@4.1.3)
      vue: 3.4.21(typescript@5.3.3)
    transitivePeerDependencies:
      - typescript
@@ -2367,35 +2367,44 @@ packages:
    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
    engines: {node: '>=0.12'}

-  /esbuild@0.19.12:
-    resolution: {integrity: sha512-aARqgq8roFBj054KvQr5f1sFu0D65G+miZRCuJyJ0G13Zwx7vRar5Zhn2tkQNzIXcBrNVsv/8stehpj+GAjgbg==}
+  /errno@0.1.8:
+    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==}
+    hasBin: true
+    requiresBuild: true
+    dependencies:
+      prr: 1.0.1
+    dev: true
+    optional: true
+
+  /esbuild@0.20.2:
+    resolution: {integrity: sha512-WdOOppmUNU+IbZ0PaDiTst80zjnrOkyJNHoKupIcVyU8Lvla3Ugx94VzkQ32Ijqd7UhHJy75gNWDMUekcrSJ6g==}
    engines: {node: '>=12'}
    hasBin: true
    requiresBuild: true
    optionalDependencies:
-      '@esbuild/aix-ppc64': 0.19.12
-      '@esbuild/android-arm': 0.19.12
-      '@esbuild/android-arm64': 0.19.12
-      '@esbuild/android-x64': 0.19.12
-      '@esbuild/darwin-arm64': 0.19.12
-      '@esbuild/darwin-x64': 0.19.12
-      '@esbuild/freebsd-arm64': 0.19.12
-      '@esbuild/freebsd-x64': 0.19.12
-      '@esbuild/linux-arm': 0.19.12
-      '@esbuild/linux-arm64': 0.19.12
-      '@esbuild/linux-ia32': 0.19.12
-      '@esbuild/linux-loong64': 0.19.12
-      '@esbuild/linux-mips64el': 0.19.12
-      '@esbuild/linux-ppc64': 0.19.12
-      '@esbuild/linux-riscv64': 0.19.12
-      '@esbuild/linux-s390x': 0.19.12
-      '@esbuild/linux-x64': 0.19.12
-      '@esbuild/netbsd-x64': 0.19.12
-      '@esbuild/openbsd-x64': 0.19.12
-      '@esbuild/sunos-x64': 0.19.12
-      '@esbuild/win32-arm64': 0.19.12
-      '@esbuild/win32-ia32': 0.19.12
-      '@esbuild/win32-x64': 0.19.12
+      '@esbuild/aix-ppc64': 0.20.2
+      '@esbuild/android-arm': 0.20.2
+      '@esbuild/android-arm64': 0.20.2
+      '@esbuild/android-x64': 0.20.2
+      '@esbuild/darwin-arm64': 0.20.2
+      '@esbuild/darwin-x64': 0.20.2
+      '@esbuild/freebsd-arm64': 0.20.2
+      '@esbuild/freebsd-x64': 0.20.2
+      '@esbuild/linux-arm': 0.20.2
+      '@esbuild/linux-arm64': 0.20.2
+      '@esbuild/linux-ia32': 0.20.2
+      '@esbuild/linux-loong64': 0.20.2
+      '@esbuild/linux-mips64el': 0.20.2
+      '@esbuild/linux-ppc64': 0.20.2
+      '@esbuild/linux-riscv64': 0.20.2
+      '@esbuild/linux-s390x': 0.20.2
+      '@esbuild/linux-x64': 0.20.2
+      '@esbuild/netbsd-x64': 0.20.2
+      '@esbuild/openbsd-x64': 0.20.2
+      '@esbuild/sunos-x64': 0.20.2
+      '@esbuild/win32-arm64': 0.20.2
+      '@esbuild/win32-ia32': 0.20.2
+      '@esbuild/win32-x64': 0.20.2
    dev: true

  /escalade@3.1.1:
@@ -2819,6 +2828,14 @@ packages:
    engines: {node: '>= 4'}
    dev: true

+  /image-size@0.5.5:
+    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==}
+    engines: {node: '>=0.10.0'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
  /import-fresh@3.3.0:
    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
    engines: {node: '>=6'}
@@ -3012,13 +3029,13 @@ packages:
      parse-node-version: 1.0.1
      tslib: 2.6.2
    optionalDependencies:
-      errno: r2.cnpmjs.org/errno@0.1.8
+      errno: 0.1.8
      graceful-fs: 4.2.11
-      image-size: r2.cnpmjs.org/image-size@0.5.5
-      make-dir: r2.cnpmjs.org/make-dir@2.1.0
-      mime: r2.cnpmjs.org/mime@1.6.0
+      image-size: 0.5.5
+      make-dir: 2.1.0
+      mime: 1.6.0
      needle: 3.3.1
-      source-map: r2.cnpmjs.org/source-map@0.6.1
+      source-map: 0.6.1
    dev: true

  /levn@0.4.1:
@@ -3148,6 +3165,16 @@ packages:
    dependencies:
      '@jridgewell/sourcemap-codec': 1.4.15

+  /make-dir@2.1.0:
+    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
+    engines: {node: '>=6'}
+    requiresBuild: true
+    dependencies:
+      pify: 4.0.1
+      semver: 5.7.2
+    dev: true
+    optional: true
+
  /meow@12.1.1:
    resolution: {integrity: sha512-BhXM0Au22RwUneMPwSCnyhTOizdWoIEPU9sp0Aqa1PnDMR5Wv2FGXYDjuzJEIX+Eo2Rb8xuYe5jrnm5QowQFkw==}
    engines: {node: '>=16.10'}
@@ -3177,6 +3204,14 @@ packages:
      mime-db: 1.52.0
    dev: false

+  /mime@1.6.0:
+    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==}
+    engines: {node: '>=4'}
+    hasBin: true
+    requiresBuild: true
+    dev: true
+    optional: true
+
  /mimic-fn@2.1.0:
    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==}
    engines: {node: '>=6'}
@@ -3428,6 +3463,15 @@ packages:
      picocolors: 1.0.0
      source-map-js: 1.0.2

+  /postcss@8.4.38:
+    resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
+    engines: {node: ^10 || ^12 || >=14}
+    dependencies:
+      nanoid: 3.3.7
+      picocolors: 1.0.0
+      source-map-js: 1.2.0
+    dev: true
+
  /prelude-ls@1.2.1:
    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
    engines: {node: '>= 0.8.0'}
@@ -3678,6 +3722,18 @@ packages:
    resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
    engines: {node: '>=0.10.0'}

+  /source-map-js@1.2.0:
+    resolution: {integrity: sha512-itJW8lvSA0TXEphiRoawsCksnlf8SyvmFzIhltqAHluXd88pkCd+cXJVHTDwdCr0IzwptSm035IHQktUu1QUMg==}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
+  /source-map@0.6.1:
+    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==}
+    engines: {node: '>=0.10.0'}
+    requiresBuild: true
+    dev: true
+    optional: true
+
  /source-map@0.7.4:
    resolution: {integrity: sha512-l3BikUxvPOcn5E74dZiq5BGsTb5yEwhaTSzccU6t4sDOH8NWJCstKO5QT2CvtFoK6F0saL7p9xHAqHOlCPJygA==}
    engines: {node: '>= 8'}
@@ -3836,7 +3892,7 @@ packages:
    engines: {node: '>= 10.0.0'}
    dev: true

-  /unplugin-combine@0.9.0(rollup@2.79.1)(vite@5.1.7):
+  /unplugin-combine@0.9.0(rollup@2.79.1)(vite@5.2.10):
    resolution: {integrity: sha512-1bXgHXIhw/bNEFCwNnYRlOOcamsBNQObSWBuy3FcDcnMoFLIi4ZaMsi/L0cNxltfYBTS+QvGSZ1F+LgQ0vbcLg==}
    engines: {node: '>=16.14.0'}
    peerDependencies:
@@ -3857,7 +3913,7 @@ packages:
      '@antfu/utils': 0.7.7
      rollup: 2.79.1
      unplugin: 1.10.1
-      vite: 5.1.7(@types/node@20.12.4)(less@4.1.3)
+      vite: 5.2.10(@types/node@20.12.4)(less@4.1.3)
    dev: true

  /unplugin-vue-define-options@1.4.3(rollup@2.79.1)(vue@3.4.21):
@@ -3872,7 +3928,7 @@ packages:
      - vue
    dev: true

-  /unplugin-vue-macros@2.9.1(rollup@2.79.1)(typescript@5.3.3)(vite@5.1.7)(vue@3.4.21):
+  /unplugin-vue-macros@2.9.1(rollup@2.79.1)(typescript@5.3.3)(vite@5.2.10)(vue@3.4.21):
    resolution: {integrity: sha512-r9y6e5GhUgRGzHr+Od9X6S2irdzwSAdU2BvSz0dXN00tDHNm/Y/iCn/Iypdzbe4ai9b09lMfB5MFUpT3jfOlQA==}
    engines: {node: '>=16.14.0'}
    peerDependencies:
@@ -3889,7 +3945,7 @@ packages:
      '@vue-macros/define-props-refs': 1.2.3(rollup@2.79.1)(vue@3.4.21)
      '@vue-macros/define-render': 1.5.3(rollup@2.79.1)(vue@3.4.21)
      '@vue-macros/define-slots': 1.1.3(rollup@2.79.1)(vue@3.4.21)
-      '@vue-macros/devtools': 0.2.0(typescript@5.3.3)(vite@5.1.7)
+      '@vue-macros/devtools': 0.2.0(typescript@5.3.3)(vite@5.2.10)
      '@vue-macros/export-expose': 0.1.3(rollup@2.79.1)(vue@3.4.21)
      '@vue-macros/export-props': 0.4.3(rollup@2.79.1)(vue@3.4.21)
      '@vue-macros/export-render': 0.2.3(rollup@2.79.1)(vue@3.4.21)
@@ -3904,7 +3960,7 @@ packages:
      '@vue-macros/short-emits': 1.5.3(rollup@2.79.1)(vue@3.4.21)
      '@vue-macros/short-vmodel': 1.4.3(rollup@2.79.1)(vue@3.4.21)
      unplugin: 1.10.1
-      unplugin-combine: 0.9.0(rollup@2.79.1)(vite@5.1.7)
+      unplugin-combine: 0.9.0(rollup@2.79.1)(vite@5.2.10)
      unplugin-vue-define-options: 1.4.3(rollup@2.79.1)(vue@3.4.21)
      vue: 3.4.21(typescript@5.3.3)
    transitivePeerDependencies:
@@ -3956,8 +4012,8 @@ packages:
      - rollup
    dev: true

-  /vite@5.1.7(@types/node@20.12.4)(less@4.1.3):
-    resolution: {integrity: sha512-sgnEEFTZYMui/sTlH1/XEnVNHMujOahPLGMxn1+5sIT45Xjng1Ec1K78jRP15dSmVgg5WBin9yO81j3o9OxofA==}
+  /vite@5.2.10(@types/node@20.12.4)(less@4.1.3):
+    resolution: {integrity: sha512-PAzgUZbP7msvQvqdSD+ErD5qGnSFiGOoWmV5yAKUEI0kdhjbH6nMWVyZQC/hSc4aXwc0oJ9aEdIiF9Oje0JFCw==}
    engines: {node: ^18.0.0 || >=20.0.0}
    hasBin: true
    peerDependencies:
@@ -3985,9 +4041,9 @@ packages:
        optional: true
    dependencies:
      '@types/node': 20.12.4
-      esbuild: 0.19.12
+      esbuild: 0.20.2
      less: 4.1.3
-      postcss: 8.4.35
+      postcss: 8.4.38
      rollup: 4.14.0
    optionalDependencies:
      fsevents: 2.3.3
@@ -4463,17 +4519,6 @@ packages:
    requiresBuild: true
    dev: true

-  r2.cnpmjs.org/errno@0.1.8:
-    resolution: {integrity: sha512-dJ6oBr5SQ1VSd9qkk7ByRgb/1SH4JZjCHSW/mr63/QcXO9zLVxvJ6Oy13nio03rxpSnVDDjFor75SjVeZWPW/A==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/errno/-/errno-0.1.8.tgz}
-    name: errno
-    version: 0.1.8
-    hasBin: true
-    requiresBuild: true
-    dependencies:
-      prr: 1.0.1
-    dev: true
-    optional: true
-
  r2.cnpmjs.org/error-ex@1.3.2:
    resolution: {integrity: sha512-7dFHNmqeFSEt2ZBsCriorKnn3Z2pj+fd9kmI6QoWw4//DL+icEBfc0U7qJCisqrTsKTjw4fNFy2pW9OqStD84g==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/error-ex/-/error-ex-1.3.2.tgz}
    name: error-ex
@@ -4657,16 +4702,6 @@ packages:
    version: 1.2.1
    dev: true

-  r2.cnpmjs.org/image-size@0.5.5:
-    resolution: {integrity: sha512-6TDAlDPZxUFCv+fuOkIoXT/V/f3Qbq8e37p+YOiYrUv3v9cc3/6x78VdfPgFVaB9dZYeLUfKgHRebpkm/oP2VQ==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/image-size/-/image-size-0.5.5.tgz}
-    name: image-size
-    version: 0.5.5
-    engines: {node: '>=0.10.0'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
  r2.cnpmjs.org/import-fresh@3.3.0:
    resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/import-fresh/-/import-fresh-3.3.0.tgz}
    name: import-fresh
@@ -4913,18 +4948,6 @@ packages:
    engines: {node: '>=0.10.0'}
    dev: true

-  r2.cnpmjs.org/make-dir@2.1.0:
-    resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/make-dir/-/make-dir-2.1.0.tgz}
-    name: make-dir
-    version: 2.1.0
-    engines: {node: '>=6'}
-    requiresBuild: true
-    dependencies:
-      pify: 4.0.1
-      semver: 5.7.2
-    dev: true
-    optional: true
-
  r2.cnpmjs.org/merge2@1.4.1:
    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/merge2/-/merge2-1.4.1.tgz}
    name: merge2
@@ -4938,16 +4961,6 @@ packages:
    version: 2.1.1
    dev: true

-  r2.cnpmjs.org/mime@1.6.0:
-    resolution: {integrity: sha512-x0Vn8spI+wuJ1O6S7gnbaQg8Pxh4NNHb7KSINmEWKiPE4RKOplvijn+NkmYmmRgP68mc70j2EbeTFRsrswaQeg==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/mime/-/mime-1.6.0.tgz}
-    name: mime
-    version: 1.6.0
-    engines: {node: '>=4'}
-    hasBin: true
-    requiresBuild: true
-    dev: true
-    optional: true
-
  r2.cnpmjs.org/mimic-fn@2.1.0:
    resolution: {integrity: sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/mimic-fn/-/mimic-fn-2.1.0.tgz}
    name: mimic-fn
@@ -5153,15 +5166,6 @@ packages:
    version: 2.1.2
    dev: true

-  r2.cnpmjs.org/source-map@0.6.1:
-    resolution: {integrity: sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/source-map/-/source-map-0.6.1.tgz}
-    name: source-map
-    version: 0.6.1
-    engines: {node: '>=0.10.0'}
-    requiresBuild: true
-    dev: true
-    optional: true
-
  r2.cnpmjs.org/string-width@4.2.3:
    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==, registry: https://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/string-width/-/string-width-4.2.3.tgz}
    name: string-width
--- a/src/App2.vue
+++ b/src/App2.vue
@@ -0,0 +1,183 @@
+<template>
+  <router-view v-slot="{ Component }">
+    <transition :name="transitionName">
+      <keep-alive :exclude="store.excludeRoutes">
+        <component :is="Component" />
+      </keep-alive>
+    </transition>
+  </router-view>
+  <BaseMask v-if="!isMobile" @click="isMobile = true" />
+  <div v-if="!isMobile" class="guide">
+    <Icon class="danger" icon="mynaui:danger-triangle" />
+    <Icon class="close" icon="simple-line-icons:close" @click="isMobile = true" />
+    <div class="txt">
+      <h2>切换至手机模式获取最佳体验</h2>
+      <h3>1. 按 F12 调出控制台</h3>
+      <h3>2. 按 Ctrl+Shift+M，或点击下面图标</h3>
+    </div>
+    <img src="@/assets/img/guide.png" alt="" />
+  </div>
+  <Call />
+</template>
+<script setup lang="ts">
+/*
+* try {navigator.control.gesture(false);} catch (e) {} //UC浏览器关闭默认手势事件
+try {navigator.control.longpressMenu(false);} catch (e) {} //关闭长按弹出菜单
+* */
+import routes from './router/routes'
+import Call from './components/Call.vue'
+import { useBaseStore } from '@/store/pinia.js'
+import { onMounted, ref, watch } from 'vue'
+import { useRoute } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+import BaseMask from '@/components/BaseMask.vue'
+import { BASE_URL } from '@/config'
+
+const store = useBaseStore()
+const route = useRoute()
+const isMobile = ref(/Mobi|Android|iPhone/i.test(navigator.userAgent))
+const transitionName = ref('go')
+
+// watch $route 决定使用哪种过渡
+watch(
+  () => route.path,
+  (to, from) => {
+    store.setMaskDialog({ state: false, mode: store.maskDialogMode })
+    //底部tab的按钮，跳转是不需要用动画的
+    let noAnimation = [
+      '/',
+      '/home',
+      '/slide',
+      '/me',
+      '/shop',
+      '/message',
+      '/publish',
+      '/home/live',
+      'slide',
+      '/test'
+    ]
+    if (noAnimation.indexOf(from) !== -1 && noAnimation.indexOf(to) !== -1) {
+      return (transitionName.value = '')
+    }
+    const toDepth = routes.findIndex((v: RouteRecordRaw) => v.path === to)
+    const fromDepth = routes.findIndex((v: RouteRecordRaw) => v.path === from)
+    transitionName.value = toDepth > fromDepth ? 'go' : 'back'
+  }
+)
+
+function setVh() {
+  let vh = window.innerHeight * 0.01
+  document.documentElement.style.setProperty('--vh', `${vh}px`)
+}
+
+onMounted(() => {
+  store.init()
+  setVh()
+  // 监听resize事件 视图大小发生变化就重新计算1vh的值
+  window.addEventListener('resize', () => {
+    location.href = BASE_URL + '/'
+    setVh()
+  })
+  //禁止选中文字
+  document.onselectstart = new Function('return false') as any
+})
+</script>
+
+<style lang="less">
+@import './assets/less/index';
+
+#app {
+  height: 100%;
+  width: 100%;
+  position: relative;
+  font-size: 14rem;
+}
+
+@media screen and (min-width: 500px) {
+  #app {
+    width: 500px !important;
+    position: relative;
+    left: 50%;
+    transform: translateX(-50%);
+  }
+}
+
+.guide {
+  color: white;
+  z-index: 999;
+  background: var(--active-main-bg);
+  position: fixed;
+  left: 50%;
+  top: 50%;
+  transform: translate(-50%, -50%);
+  border-radius: 16rem;
+  overflow: hidden;
+  text-align: center;
+
+  .danger {
+    margin-top: 10rem;
+    font-size: 40rem;
+    color: red;
+  }
+
+  .close {
+    cursor: pointer;
+    font-size: 18rem;
+    color: white;
+    position: absolute;
+    right: 15rem;
+    top: 15rem;
+  }
+
+  .txt {
+    text-align: left;
+    padding: 0 24rem;
+  }
+
+  img {
+    display: block;
+    width: 350rem;
+  }
+}
+
+.go-enter-from {
+  transform: translate3d(100%, 0, 0);
+}
+
+//最终状态
+.back-enter-to,
+.back-enter-from,
+.go-enter-to,
+.go-leave-from {
+  transform: translate3d(0, 0, 0);
+}
+
+.go-leave-to {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.go-enter-active,
+.go-leave-active,
+.back-enter-active,
+.back-leave-active {
+  transition: all 0.3s;
+}
+
+.back-enter-from {
+  transform: translate3d(-100%, 0, 0);
+}
+
+.back-leave-to {
+  transform: translate3d(100%, 0, 0);
+}
+
+.fade-enter-active,
+.fade-leave-active {
+  transition: opacity 0.3s ease;
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+</style>
--- a/src/main2.ts
+++ b/src/main2.ts
@@ -0,0 +1,60 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import './assets/less/index.less'
+import { startMock } from '@/mock'
+import router from './router'
+import mixin from './utils/mixin'
+import VueLazyload from '@jambonn/vue-lazyload'
+import { createPinia } from 'pinia'
+import { useClick } from '@/utils/hooks/useClick'
+import bus, { EVENT_KEY } from '@/utils/bus'
+
+window.isMoved = false
+window.isMuted = true
+window.showMutedNotice = true
+HTMLElement.prototype.addEventListener = new Proxy(HTMLElement.prototype.addEventListener, {
+  apply(target, ctx, args) {
+    const eventName = args[0]
+    const listener = args[1]
+    if (listener instanceof Function && eventName === 'click') {
+      args[1] = new Proxy(listener, {
+        apply(target1, ctx1, args1) {
+          // console.log('e', args1)
+          // console.log('click点击', window.isMoved)
+          if (window.isMoved) return
+          try {
+            return target1.apply(ctx1, args1)
+          } catch (e) {
+            console.error(`[proxyPlayerEvent][${eventName}]`, listener, e)
+          }
+        }
+      })
+    }
+    return target.apply(ctx, args)
+  }
+})
+
+const vClick = useClick()
+const pinia = createPinia()
+const app = createApp(App)
+app.mixin(mixin)
+const loadImage = new URL('./assets/img/icon/img-loading.png', import.meta.url).href
+app.use(VueLazyload, {
+  preLoad: 1.3,
+  loading: loadImage,
+  attempt: 1
+})
+app.use(pinia)
+app.use(router)
+app.mount('#app')
+app.directive('click', vClick)
+
+//放到最后才可以使用pinia
+startMock()
+setTimeout(() => {
+  bus.emit(EVENT_KEY.HIDE_MUTED_NOTICE)
+  window.showMutedNotice = false
+}, 2000)
+bus.on(EVENT_KEY.REMOVE_MUTED, () => {
+  window.isMuted = false
+})
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -7,176 +7,176 @@ import { fileURLToPath, URL } from 'node:url'
 import { getLastCommit } from 'git-last-commit'
 import VueMacros from 'unplugin-vue-macros/vite'

-// import viteImagemin from 'vite-plugin-imagemin'
-// import viteCompression from 'vite-plugin-compression'
-
 const lifecycle = process.env.npm_lifecycle_event

-// {
-//   name: 'axios',
-//   var: 'axios',
-//   path: 'https://lib.baomitu.com/axios/1.6.8/axios.min.js'
-// },
+export default defineConfig(() => {
+  let latestCommitHash = ''

-export default defineConfig(async () => {
-  const latestCommitHash = await new Promise<string>((resolve) => {
-    return getLastCommit((err, commit) => (err ? 'unknown' : resolve(commit.shortHash)))
-  })
-  return {
-    base: './',
-    envDir: 'env',
-    plugins: [
-      VueMacros({
-        plugins: {
-          vue: Vue(),
-          vueJsx: VueJsx() // if needed
-        }
-        // betterDefine: true,
-        // reactivityTransform: {
-        //   exclude: [/node_modules/, /jQuery\.js/]
-        // }
-      }),
-      // Vue(),
-      // VueJsx(),
-      lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
-      importToCDN({
-        modules: [
-          {
-            name: 'vue',
-            var: 'Vue',
-            path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
-          },
-          {
-            name: 'vue-router',
-            var: 'VueRouter',
-            path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
-          },
-          {
-            name: 'vue-demi',
-            var: 'VueDemi',
-            path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
-          },
-          {
-            name: 'mockjs',
-            var: 'Mock',
-            path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
-          }
-        ]
-      })
-      // viteCompression({
-      //   verbose: false,
-      //   disable: false,
-      //   threshold: 10240,
-      //   algorithm: 'brotliCompress',
-      // }),
-      // viteCompression({
-      //   verbose: false,
-      //   disable: false,
-      //   algorithm: 'gzip',
-      //   threshold: 10240,
-      // }),
-      // viteImagemin({
-      //   gifsicle: {
-      //     optimizationLevel: 7,
-      //     interlaced: false,
-      //   },
-      //   optipng: {
-      //     optimizationLevel: 7,
-      //   },
-      //   mozjpeg: {
-      //     quality: 20,
-      //   },
-      //   pngquant: {
-      //     quality: [0.8, 0.9],
-      //     speed: 4,
-      //   },
-      //   svgo: {
-      //     plugins: [
-      //       {
-      //         name: 'removeViewBox',
-      //       },
-      //       {
-      //         name: 'removeEmptyAttrs',
-      //         active: false,
-      //       },
-      //     ],
-      //   },
-      // }),
-    ],
-    define: {
-      LATEST_COMMIT_HASH: JSON.stringify(
-        latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
-      )
-    },
-    resolve: {
-      alias: {
-        '@': fileURLToPath(new URL('./src', import.meta.url))
-      },
-      extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
-    },
-    build: {
-      sourcemap: false,
-      rollupOptions: {
-        // https://rollupjs.org/guide/en/#outputmanualchunks
-        output: {
-          manualChunks(id, { getModuleInfo }) {
-            const reg = /(.*)\/src\/components\/(.*)/
-            if (reg.test(id)) {
-              const importersLen = getModuleInfo(id)?.importers.length ?? 0
-              // 被多处引用
-              if (importersLen > 1) return 'common'
-            }
-            if (id.includes('node_modules')) return 'vendor'
-
-            if (id.includes('/src/pages/home/Publish.vue')) return 'other'
-
-            if (id.includes('/src/pages/home/Music.vue')) return 'other'
-            if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
-            if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
-            if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
-
-            if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
-            if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
-
-            if (id.includes('/src/pages/message/Message.vue')) return 'other'
-            if (id.includes('/src/pages/message/Fans.vue')) return 'other'
-            if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
-            if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
-
-            if (id.includes('/src/pages/me/Me.vue')) return 'other'
-            if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
-            if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
-            if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
-            if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
-            if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
-
-            if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
-            if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
-
-            if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
-            if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
-          },
-          chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
-          entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
-          assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
-        }
-      },
-      assetsInlineLimit: 2048
-    },
-    esbuild: {
-      // drop: ['console', 'debugger']
-    },
-    server: {
-      port: 3000,
-      open: true,
-      host: '0.0.0.0',
-      fs: {
-        strict: false
+  return new Promise((resolve) => {
+    getLastCommit((err, commit) => {
+      if (!err) {
+        latestCommitHash = commit.shortHash
      }
-    }
-  }
+      resolve({
+        base: './',
+        envDir: 'env',
+        plugins: [
+          VueMacros({
+            plugins: {
+              vue: Vue(),
+              vueJsx: VueJsx() // if needed
+            }
+            // betterDefine: true,
+            // reactivityTransform: {
+            //   exclude: [/node_modules/, /jQuery\.js/]
+            // }
+          }),
+          // Vue(),
+          // VueJsx(),
+          lifecycle === 'report' ? (visualizer({ open: false }) as any as PluginOption) : null,
+          importToCDN({
+            modules: [
+              {
+                name: 'vue',
+                var: 'Vue',
+                path: `https://lib.baomitu.com/vue/3.4.21/vue.runtime.global.prod.min.js`
+              },
+              {
+                name: 'vue-router',
+                var: 'VueRouter',
+                path: 'https://lib.baomitu.com/vue-router/4.3.0/vue-router.global.prod.min.js'
+              },
+              {
+                name: 'vue-demi',
+                var: 'VueDemi',
+                path: 'https://lib.baomitu.com/vue-demi/0.14.7/index.iife.min.js'
+              },
+              {
+                name: 'mockjs',
+                var: 'Mock',
+                path: 'https://lib.baomitu.com/Mock.js/1.0.1-beta3/mock-min.js'
+              }
+            ]
+          })
+          // viteCompression({
+          //   verbose: false,
+          //   disable: false,
+          //   threshold: 10240,
+          //   algorithm: 'brotliCompress',
+          // }),
+          // viteCompression({
+          //   verbose: false,
+          //   disable: false,
+          //   algorithm: 'gzip',
+          //   threshold: 10240,
+          // }),
+          // viteImagemin({
+          //   gifsicle: {
+          //     optimizationLevel: 7,
+          //     interlaced: false,
+          //   },
+          //   optipng: {
+          //     optimizationLevel: 7,
+          //   },
+          //   mozjpeg: {
+          //     quality: 20,
+          //   },
+          //   pngquant: {
+          //     quality: [0.8, 0.9],
+          //     speed: 4,
+          //   },
+          //   svgo: {
+          //     plugins: [
+          //       {
+          //         name: 'removeViewBox',
+          //       },
+          //       {
+          //         name: 'removeEmptyAttrs',
+          //         active: false,
+          //       },
+          //     ],
+          //   },
+          // }),
+        ],
+        resolve: {
+          alias: {
+            '@': fileURLToPath(new URL('./src', import.meta.url))
+          },
+          extensions: ['.mjs', '.js', '.ts', '.jsx', '.tsx', '.json', '.vue']
+        },
+        build: {
+          sourcemap: false,
+          rollupOptions: {
+            // https://rollupjs.org/guide/en/#outputmanualchunks
+            output: {
+              manualChunks(id, { getModuleInfo }) {
+                const reg = /(.*)\/src\/components\/(.*)/
+                if (reg.test(id)) {
+                  const importersLen = getModuleInfo(id)?.importers.length ?? 0
+                  // 被多处引用
+                  if (importersLen > 1) return 'common'
+                }
+                if (id.includes('node_modules')) return 'vendor'
+
+                if (id.includes('/src/pages/home/Publish.vue')) return 'other'
+
+                if (id.includes('/src/pages/home/Music.vue')) return 'other'
+                if (id.includes('/src/pages/home/MusicRankList.vue')) return 'other'
+                if (id.includes('/src/pages/home/LivePage.vue')) return 'other'
+                if (id.includes('/src/pages/home/SearchPage.vue')) return 'other'
+
+                if (id.includes('/src/pages/shop/Shop.vue')) return 'other'
+                if (id.includes('/src/pages/shop/GoodsDetail.vue')) return 'other'
+
+                if (id.includes('/src/pages/message/Message.vue')) return 'other'
+                if (id.includes('/src/pages/message/Fans.vue')) return 'other'
+                if (id.includes('/src/pages/message/AllMessage.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/DouyinHelper.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/SystemNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/TaskNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/LiveNotice.vue')) return 'other'
+                if (id.includes('/src/pages/message/notice/MoneyNotice.vue')) return 'other'
+
+                if (id.includes('/src/pages/me/Me.vue')) return 'other'
+                if (id.includes('/src/pages/me/Visitors.vue')) return 'other'
+                if (id.includes('/src/pages/me/RequestUpdate.vue')) return 'other'
+                if (id.includes('/src/pages/me/userinfo/EditUserInfo.vue')) return 'other'
+                if (id.includes('/src/pages/me/userinfo/EditUserInfoItem.vue')) return 'other'
+                if (id.includes('/src/pages/me/MyMusic.vue')) return 'other'
+
+                if (id.includes('/src/pages/other/VideoDetail.vue')) return 'other'
+                if (id.includes('/src/pages/other/AlbumDetail.vue')) return 'other'
+
+                if (id.includes('/src/pages/people/FindAcquaintance.vue')) return 'other'
+                if (id.includes('/src/pages/people/FollowAndFans.vue')) return 'other'
+              },
+              chunkFileNames: 'js/[name]-[hash].js', // 引入文件名的名称
+              entryFileNames: 'js/[name]-[hash].js', // 包的入口文件名称
+              assetFileNames: 'assets/[name]-[hash].[ext]' // 资源文件像 字体，图片等
+            }
+          },
+          assetsInlineLimit: 2048
+        },
+        define: {
+          LATEST_COMMIT_HASH: JSON.stringify(
+            latestCommitHash + (process.env.NODE_ENV === 'production' ? '' : ' (dev)')
+          )
+        },
+        esbuild: {
+          // drop: ['console', 'debugger']
+        },
+        server: {
+          port: 3000,
+          open: true,
+          host: '0.0.0.0',
+          fs: {
+            strict: false
+          }
+        },
+        preview: {
+          port: 5555
+        }
+      })
+    })
+  })
 })
Author	SHA1	Message	Date
zyronon	7f1e157dab	refactor: fuck vite defineConfig	2024-05-02 00:31:06 +08:00
zyronon	ca57625cea	refactor: fuck vite defineConfig	2024-05-02 00:14:41 +08:00
zyronon	ea37bb9dff	refactor: save	2024-05-01 22:57:01 +08:00
zyronon	939f92da38	refactor: save	2024-05-01 22:53:47 +08:00
zyronon	40d24ae1af	refactor: save	2024-05-01 22:43:44 +08:00
zyronon	8b8bef1bff	refactor: save	2024-05-01 22:26:37 +08:00
zyronon	b48df2945b	refactor: update Dockerfile	2024-05-01 22:14:42 +08:00
zyronon	7cce654633	refactor: update Dockerfile	2024-05-01 22:13:22 +08:00
zyronon	6d95c87a91	refactor: update Dockerfile	2024-05-01 22:07:36 +08:00