更新依赖包版本

env.d.ts

@@ -1 +1,3 @@
 /// <reference types="vite/client" />
+
+declare module 'element-plus/dist/locale/zh-cn.mjs'

package.json

@@ -1,7 +1,8 @@
 {
   "name": "fs-portal",
-  "version": "0.0.0",
+  "version": "0.0.1",
   "private": true,
+  "type": "module",
   "scripts": {
     "dev": "vite",
     "build": "run-p type-check build-only",
@@ -12,37 +13,37 @@
     "format": "prettier --write src/"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.1.0",
-    "@vueuse/core": "^10.2.1",
-    "axios": "^1.4.0",
-    "element-plus": "^2.3.7",
-    "pinia": "^2.1.4",
-    "vue": "^3.3.4",
-    "vue-router": "^4.2.2"
+    "@element-plus/icons-vue": "^2.3.1",
+    "@vueuse/core": "^10.11.0",
+    "axios": "^1.7.2",
+    "element-plus": "^2.7.5",
+    "pinia": "^2.1.7",
+    "vue": "^3.4.29",
+    "vue-router": "^4.3.3"
   },
   "devDependencies": {
-    "@rushstack/eslint-patch": "^1.3.2",
-    "@tsconfig/node18": "^18.2.0",
-    "@types/node": "^20.3.3",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vitejs/plugin-vue-jsx": "^3.0.1",
-    "@vue/eslint-config-prettier": "^7.1.0",
-    "@vue/eslint-config-typescript": "^11.0.3",
-    "@vue/tsconfig": "^0.4.0",
-    "eslint": "^8.44.0",
-    "eslint-plugin-vue": "^9.15.1",
+    "@rushstack/eslint-patch": "^1.10.3",
+    "@tsconfig/node20": "^20.1.4",
+    "@types/node": "^20.14.4",
+    "@vitejs/plugin-vue": "^5.0.5",
+    "@vitejs/plugin-vue-jsx": "^4.0.0",
+    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/tsconfig": "^0.5.1",
+    "eslint": "^9.5.0",
+    "eslint-plugin-vue": "^9.26.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.8.8",
-    "sass": "^1.63.6",
-    "typescript": "~5.1.6",
-    "unocss": "^0.53.4",
-    "unplugin-auto-import": "^0.16.4",
-    "unplugin-icons": "^0.16.3",
-    "unplugin-vue-components": "^0.25.1",
-    "unplugin-vue-define-options": "^1.3.8",
-    "vite": "^4.3.9",
+    "prettier": "^3.3.2",
+    "sass": "^1.77.6",
+    "typescript": "~5.4.5",
+    "unocss": "^0.61.0",
+    "unplugin-auto-import": "^0.17.6",
+    "unplugin-icons": "^0.19.0",
+    "unplugin-vue-components": "^0.27.0",
+    "unplugin-vue-define-options": "^1.4.5",
+    "vite": "^5.3.1",
     "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
-    "vue-tsc": "^1.8.3"
+    "vue-tsc": "^2.0.21"
   }
 }

src/App.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import zhCn from 'element-plus/lib/locale/lang/zh-cn'
+import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
 </script>
 
 <template>

src/auto-import.d.ts

@@ -1,6 +1,7 @@
 /* eslint-disable */
 /* prettier-ignore */
 // @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
 // Generated by unplugin-auto-import
 export {}
 declare global {
@@ -40,6 +41,7 @@ declare global {
   const h: typeof import('vue')['h']
   const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
   const inject: typeof import('vue')['inject']
+  const injectLocal: typeof import('@vueuse/core')['injectLocal']
   const isDefined: typeof import('@vueuse/core')['isDefined']
   const isProxy: typeof import('vue')['isProxy']
   const isReactive: typeof import('vue')['isReactive']
@@ -74,6 +76,7 @@ declare global {
   const onUpdated: typeof import('vue')['onUpdated']
   const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
   const provide: typeof import('vue')['provide']
+  const provideLocal: typeof import('@vueuse/core')['provideLocal']
   const reactify: typeof import('@vueuse/core')['reactify']
   const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
   const reactive: typeof import('vue')['reactive']
@@ -140,6 +143,7 @@ declare global {
   const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
   const useCached: typeof import('@vueuse/core')['useCached']
   const useClipboard: typeof import('@vueuse/core')['useClipboard']
+  const useClipboardItems: typeof import('@vueuse/core')['useClipboardItems']
   const useCloned: typeof import('@vueuse/core')['useCloned']
   const useColorMode: typeof import('@vueuse/core')['useColorMode']
   const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
@@ -295,5 +299,6 @@ declare global {
 // for type re-export
 declare global {
   // @ts-ignore
-  export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue'
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
 }

src/components.d.ts

@@ -1,10 +1,10 @@
 /* eslint-disable */
-/* prettier-ignore */
 // @ts-nocheck
 // Generated by unplugin-vue-components
 // Read more: https://github.com/vuejs/core/pull/3399
 export {}
 
+/* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
     ElAside: typeof import('element-plus/es')['ElAside']

src/components/GlobalHeader.vue

@@ -17,7 +17,7 @@ const navList = [
       <div class="container h-full mx-auto px-4">
         <nav class="flex h-full items-center justify-between">
           <div class="flex items-center">
-            <img src="logo.png" alt="Logo" class="h-50px" />
+            <img src="/logo.png" alt="Logo" class="h-50px" />
           </div>
           <el-menu router default-active="/home" mode="horizontal" :ellipsis="false">
             <el-menu-item :index="item.path" v-for="item in navList" :key="item.path">

tsconfig.node.json

@@ -1,5 +1,5 @@
 {
-  "extends": "@tsconfig/node18/tsconfig.json",
+  "extends": "@tsconfig/node20/tsconfig.json",
   "include": [
     "vite.config.*",
     "vitest.config.*",
@@ -8,6 +8,7 @@
   ],
   "compilerOptions": {
     "composite": true,
+    "moduleResolution": "node",
     "module": "ESNext",
     "types": [
       "node"

vite.config.ts

@@ -1,7 +1,7 @@
 import { fileURLToPath, URL } from 'node:url'
 import path from 'path'
 
-import { defineConfig, loadEnv, splitVendorChunkPlugin } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueJsx from '@vitejs/plugin-vue-jsx'
 import Icons from 'unplugin-icons/vite'
@@ -27,7 +27,7 @@ export default defineConfig(({ mode }) => {
           ElementPlusResolver(),
           // 自动导入图标组件
           IconsResolver({
-            prefix: 'Icon',
+            prefix: 'Icon'
           })
         ],
         imports: ['vue', 'vue-router', 'pinia', '@vueuse/core'],
@@ -38,7 +38,7 @@ export default defineConfig(({ mode }) => {
           ElementPlusResolver(),
           // 自动注册图标组件
           IconsResolver({
-            enabledCollections: ['ep'],
+            enabledCollections: ['ep']
           })
         ],
         dirs: ['src/components'],
@@ -46,7 +46,7 @@ export default defineConfig(({ mode }) => {
         dts: 'src/components.d.ts'
       }),
       Icons({
-        autoInstall: true,
+        autoInstall: true
       }),
       createSvgIconsPlugin({
         iconDirs: [path.resolve(process.cwd(), 'src/assets/svg')],
@@ -54,8 +54,7 @@ export default defineConfig(({ mode }) => {
       }),
       createStyleImportPlugin({
         resolves: [VxeTableResolve()]
-      }),
-      splitVendorChunkPlugin()
+      })
     ],
     resolve: {
       alias: {
@@ -72,6 +71,18 @@ export default defineConfig(({ mode }) => {
       hmr: {
         overlay: false
       }
+    },
+    build: {
+      sourcemap: !!env.VITE_SENTRY_DSN,
+      rollupOptions: {
+        output: {
+          manualChunks: (id: string) => {
+            if (id.includes('node_modules')) {
+              return 'vender'
+            }
+          }
+        }
+      }
     }
   }
 })