chore: 更新 tsconfig 配置

Author: hooray

.gitignore

@@ -3,6 +3,7 @@ node_modules
 dist*
 dist-ssr
 *.local
+*.tsbuildinfo
 .eslintcache
 .stylelintcache
 public/icons

package.json

@@ -6,15 +6,15 @@
   },
   "scripts": {
     "dev": "vite",
-    "build:test": "vue-tsc && vite build --mode test",
-    "build": "vue-tsc && vite build",
+    "build:test": "vue-tsc -b && vite build --mode test",
+    "build": "vue-tsc -b && vite build",
     "serve:test": "http-server ./dist-test -o",
     "serve": "http-server ./dist -o",
     "svgo": "svgo -f src/assets/icons",
     "new": "plop",
     "generate:icons": "esno ./scripts/generate.icons.ts",
     "lint": "npm-run-all -s lint:tsc lint:eslint lint:stylelint",
-    "lint:tsc": "vue-tsc",
+    "lint:tsc": "vue-tsc -b",
     "lint:eslint": "eslint . --cache --fix",
     "lint:stylelint": "stylelint \"src/**/*.{css,scss,vue}\" --cache --fix",
     "postinstall": "simple-git-hooks",

src/components/RegisterForm/index.vue

@@ -38,7 +38,7 @@ const rules = ref<FormRules>({
   checkPassword: [
     { required: true, trigger: 'blur', message: '请再次输入密码' },
     {
-      validator: (rule, value, callback) => {
+      validator: (_rule, value, callback) => {
         if (value !== form.value.password) {
           callback(new Error('两次输入的密码不一致'))
         }

src/components/SystemInfo/index.vue

@@ -14,6 +14,14 @@ onMounted(() => {
 
 <template>
   <HSlideover v-model="isShow" title="系统信息">
+    <div v-if="pkg.version" class="px-4">
+      <h2 class="m-0 text-lg font-bold">
+        版本号
+      </h2>
+      <div class="my-4 text-center text-lg font-sans">
+        {{ pkg.version }}
+      </div>
+    </div>
     <div class="px-4">
       <h2 class="m-0 text-lg font-bold">
         最后编译时间

src/router/index.ts

@@ -38,7 +38,7 @@ const router = createRouter({
   routes,
 })
 
-router.beforeEach((to, from, next) => {
+router.beforeEach((to, _from, next) => {
   const settingsStore = useSettingsStore()
   const userStore = useUserStore()
   const menuStore = useMenuStore()

tsconfig.app.json

@@ -0,0 +1,47 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "jsx": "preserve",
+    "lib": [
+      "ESNext",
+      "DOM",
+      "DOM.Iterable"
+    ],
+    "moduleDetection": "force",
+    "useDefineForClassFields": true,
+    "baseUrl": "./",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ],
+      "#/*": [
+        "src/types/*"
+      ]
+    },
+    "resolveJsonModule": true,
+    "types": [
+      "vite/client",
+      "vite-plugin-app-loading/client",
+      "element-plus/global"
+    ],
+    "allowImportingTsExtensions": true,
+    "allowJs": false,
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "sourceMap": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/**/*.d.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
+  ]
+}

tsconfig.json

@@ -1,48 +1,7 @@
 {
-  "compilerOptions": {
-    "target": "ESNext",
-    "jsx": "preserve",
-    "lib": [
-      "ESNext",
-      "DOM",
-      "DOM.Iterable"
-    ],
-    "useDefineForClassFields": true,
-    "baseUrl": "./",
-    "module": "ESNext",
-    "moduleResolution": "Bundler",
-    "paths": {
-      "@/*": [
-        "src/*"
-      ],
-      "#/*": [
-        "src/types/*"
-      ]
-    },
-    "resolveJsonModule": true,
-    "types": [
-      "vite/client",
-      "vite-plugin-app-loading/client",
-      "element-plus/global"
-    ],
-    "allowImportingTsExtensions": true,
-    "allowJs": false,
-    "strict": true,
-    "noEmit": true,
-    "sourceMap": true,
-    "esModuleInterop": true,
-    "isolatedModules": true,
-    "skipLibCheck": true
-  },
   "references": [
-    {
-      "path": "./tsconfig.node.json"
-    }
+    { "path": "./tsconfig.app.json" },
+    { "path": "./tsconfig.node.json" }
   ],
-  "include": [
-    "src/**/*.ts",
-    "src/**/*.d.ts",
-    "src/**/*.tsx",
-    "src/**/*.vue"
-  ]
+  "files": []
 }

tsconfig.node.json

@@ -1,9 +1,17 @@
 {
   "compilerOptions": {
-    "composite": true,
+    "target": "ES2022",
+    "lib": ["ES2023"],
+    "moduleDetection": "force",
     "module": "ESNext",
-    "moduleResolution": "bundler",
-    "allowSyntheticDefaultImports": true,
+    "moduleResolution": "Bundler",
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noEmit": true,
+    "isolatedModules": true,
     "skipLibCheck": true
   },
   "include": [

vite.config.ts

@@ -7,16 +7,16 @@ import pkg from './package.json'
 import createVitePlugins from './vite/plugins'
 
 // https://vitejs.dev/config/
-export default ({ mode, command }) => {
+export default defineConfig(({ mode, command }) => {
   const env = loadEnv(mode, process.cwd())
   // 全局 scss 资源
-  const scssResources = []
+  const scssResources: string[] = []
   fs.readdirSync('src/assets/styles/resources').forEach((dirname) => {
     if (fs.statSync(`src/assets/styles/resources/${dirname}`).isFile()) {
       scssResources.push(`@use "src/assets/styles/resources/${dirname}" as *;`)
     }
   })
-  return defineConfig({
+  return {
     // 开发服务器选项 https://cn.vitejs.dev/config/server-options
     server: {
       open: true,
@@ -44,7 +44,7 @@ export default ({ mode, command }) => {
         lastBuildTime: dayjs().format('YYYY-MM-DD HH:mm:ss'),
       }),
     },
-    plugins: createVitePlugins(env, command === 'build'),
+    plugins: createVitePlugins(mode, command === 'build'),
     resolve: {
       alias: {
         '@': path.resolve(__dirname, 'src'),
@@ -57,5 +57,5 @@ export default ({ mode, command }) => {
         },
       },
     },
-  })
-}
+  }
+})

vite/plugins.ts

@@ -1,4 +1,3 @@
-import type { PluginOption } from 'vite'
 import path from 'node:path'
 import process from 'node:process'
 import vue from '@vitejs/plugin-vue'
@@ -9,14 +8,16 @@ import Unocss from 'unocss/vite'
 import autoImport from 'unplugin-auto-import/vite'
 import TurboConsole from 'unplugin-turbo-console/vite'
 import components from 'unplugin-vue-components/vite'
+import { loadEnv, type PluginOption } from 'vite'
 import AppLoading from 'vite-plugin-app-loading'
 import Archiver from 'vite-plugin-archiver'
 import banner from 'vite-plugin-banner'
 import { compression } from 'vite-plugin-compression2'
 import { vitePluginFakeServer } from 'vite-plugin-fake-server'
 import { createSvgIconsPlugin } from 'vite-plugin-svg-icons'
 
-export default function createVitePlugins(viteEnv, isBuild = false) {
+export default function createVitePlugins(mode: string, isBuild = false) {
+  const viteEnv = loadEnv(mode, process.cwd())
   const vitePlugins: (PluginOption | PluginOption[])[] = [
     vue(),
     vueJsx(),