chore: bump deps

.eslintrc-auto-import.json

 {
   "globals": {
-    "$": true,
-    "$$": true,
-    "$computed": true,
-    "$customRef": true,
-    "$ref": true,
-    "$shallowRef": true,
-    "$toRef": true,
     "EffectScope": true,
     "computed": true,
     "createApp": true,
@@ -63,6 +56,18 @@
     "watch": true,
     "watchEffect": true,
     "watchPostEffect": true,
-    "watchSyncEffect": true
+    "watchSyncEffect": true,
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "PropType": true,
+    "Ref": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "toValue": true
   }
-}
+}
\ No newline at end of file

auto-imports.d.ts

-// Generated by 'unplugin-auto-import'
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
 export {}
 declare global {
-  const $$: typeof import('vue/macros')['$$']
-  const $: typeof import('vue/macros')['$']
-  const $computed: typeof import('vue/macros')['$computed']
-  const $customRef: typeof import('vue/macros')['$customRef']
-  const $ref: typeof import('vue/macros')['$ref']
-  const $shallowRef: typeof import('vue/macros')['$shallowRef']
-  const $toRef: typeof import('vue/macros')['$toRef']
   const EffectScope: typeof import('vue')['EffectScope']
   const computed: typeof import('vue')['computed']
   const createApp: typeof import('vue')['createApp']
@@ -52,6 +49,7 @@ declare global {
   const toRaw: typeof import('vue')['toRaw']
   const toRef: typeof import('vue')['toRef']
   const toRefs: typeof import('vue')['toRefs']
+  const toValue: typeof import('vue')['toValue']
   const triggerRef: typeof import('vue')['triggerRef']
   const unref: typeof import('vue')['unref']
   const useAttrs: typeof import('vue')['useAttrs']
@@ -66,3 +64,9 @@ declare global {
   const watchPostEffect: typeof import('vue')['watchPostEffect']
   const watchSyncEffect: typeof import('vue')['watchSyncEffect']
 }
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, ComponentPublicInstance, ComputedRef, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

package.json

@@ -14,32 +14,33 @@
     "cert": "node ./cert.js"
   },
   "dependencies": {
-    "@element-plus/icons-vue": "^2.0.10",
-    "@tinymce/tinymce-vue": "^5.0.0",
-    "axios": "^1.2.2",
+    "@element-plus/icons-vue": "^2.3.1",
+    "@tinymce/tinymce-vue": "^6.0.1",
+    "axios": "^1.7.4",
     "blueimp-md5": "^2.19.0",
-    "element-plus": "^2.2.28",
-    "pinia": "^2.0.28",
-    "qs": "^6.11.0",
-    "vue": "^3.2.45",
-    "vue-router": "^4.1.6"
+    "element-plus": "^2.8.0",
+    "pinia": "^2.2.1",
+    "qs": "^6.13.0",
+    "vue": "^3.4.37",
+    "vue-router": "^4.4.3"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
-    "@types/blueimp-md5": "^2.18.0",
-    "@types/node": "^18.11.18",
-    "@types/qs": "^6.9.7",
-    "@vitejs/plugin-vue": "^4.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
-    "@vue/tsconfig": "^0.1.3",
+    "@tsconfig/node18": "^18.2.4",
+    "@types/blueimp-md5": "^2.18.2",
+    "@types/node": "^18.19.44",
+    "@types/qs": "^6.9.15",
+    "@vitejs/plugin-vue": "^4.6.2",
+    "@vue/eslint-config-typescript": "^13.0.0",
+    "@vue/tsconfig": "^0.5.1",
     "ali-oss": "^6.17.1",
     "chalk": "^5.2.0",
-    "eslint": "^8.31.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "sass": "^1.57.1",
-    "typescript": "~4.9.4",
-    "unplugin-auto-import": "^0.12.1",
-    "vite": "^4.0.4",
-    "vue-tsc": "^1.0.21"
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.27.0",
+    "sass": "^1.77.8",
+    "typescript": "~5.4.5",
+    "unplugin-auto-import": "^0.18.2",
+    "vite": "^4.5.3",
+    "vue-tsc": "^1.8.27"
   }
 }

src/modules/audit/views/List.vue

@@ -81,7 +81,7 @@ const onAuditReject = (row: any, status: number) => {
     <AppList v-bind="listOptions" ref="appList">
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.tab" @change="onChangeType">
-          <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">
+          <el-radio-button :value="item.value" v-for="item in typeList" :key="item.value">
             {{ item.label }}
           </el-radio-button>
         </el-radio-group>

src/modules/audit/views/View.vue

@@ -4,21 +4,21 @@ import { getAudit } from '../api'
 
 const props = defineProps<{ id: string }>()
 
-let data = $ref<{ info: Record<string, any>; comments: { total: number; list: Record<string, any>[] } }>({
+const data = ref<{ info: Record<string, any>; comments: { total: number; list: Record<string, any>[] } }>({
   info: {},
   comments: { total: 0, list: [] }
 })
-let loading = $ref<boolean>(false)
+const loading = ref<boolean>(false)
 
 const getAuditInfo = () => {
-  loading = true
+  loading.value = true
   getAudit({ id: props.id, page_size: 100 })
     .then(res => {
       const { info, comments } = res.data
-      data = { info, comments }
+      data.value = { info, comments }
     })
     .finally(() => {
-      loading = false
+      loading.value = false
     })
 }
 onMounted(() => {

src/modules/banner/views/List.vue

@@ -52,7 +52,7 @@ const onRemove = (row: any) => {
       </template>
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.type" @change="onChangeType">
-          <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">
+          <el-radio-button :value="item.value" v-for="item in typeList" :key="item.value">
             {{ item.label }}
           </el-radio-button>
         </el-radio-group>
@@ -64,8 +64,7 @@ const onRemove = (row: any) => {
           preview-teleported
           lazy
           fit="cover"
-          style="width: 200px; height: 100px"
-        />
+          style="width: 200px; height: 100px" />
       </template>
       <template #table-operate="{ row }">
         <el-space>

src/modules/banner/views/Update.vue

@@ -62,8 +62,8 @@ onMounted(() => {
       </el-form-item>
       <el-form-item label="链接内容" prop="type">
         <el-radio-group v-model="form.type">
-          <el-radio label="1">站内文章</el-radio>
-          <el-radio label="2">输入链接</el-radio>
+          <el-radio value="1">站内文章</el-radio>
+          <el-radio value="2">输入链接</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="文章链接" prop="url" v-if="form.type === '2'">

src/modules/doc/views/List.vue

@@ -53,7 +53,7 @@ const onRemove = (row: any) => {
       </template>
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.type" @change="onChangeType">
-          <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">
+          <el-radio-button :value="item.value" v-for="item in typeList" :key="item.value">
             {{ item.label }}
           </el-radio-button>
         </el-radio-group>

src/modules/doc/views/Update.vue

@@ -78,8 +78,8 @@ onMounted(() => {
       </el-form-item>
       <el-form-item label="链接内容" prop="desc_type">
         <el-radio-group v-model="form.desc_type">
-          <el-radio label="1">站内文章</el-radio>
-          <el-radio label="2">输入链接</el-radio>
+          <el-radio value="1">站内文章</el-radio>
+          <el-radio value="2">输入链接</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="文章链接" prop="url" v-if="form.desc_type === '2'">

src/modules/lecturer/views/List.vue

@@ -62,7 +62,7 @@ const onRemove = (row: any) => {
       </template>
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.type" @change="onChangeType">
-          <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">
+          <el-radio-button :value="item.value" v-for="item in typeList" :key="item.value">
             {{ item.label }}
           </el-radio-button>
         </el-radio-group>

src/modules/lecturer/views/Update.vue

@@ -62,8 +62,8 @@ onMounted(() => {
       </el-form-item>
       <el-form-item label="类型" prop="type">
         <el-radio-group v-model="form.type">
-          <el-radio label="1">清华硕导教授团</el-radio>
-          <el-radio label="2">紫荆实战导师团</el-radio>
+          <el-radio value="1">清华硕导教授团</el-radio>
+          <el-radio value="2">紫荆实战导师团</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="职位" prop="title">
@@ -74,8 +74,8 @@ onMounted(() => {
       </el-form-item>
       <!-- <el-form-item label="链接内容" prop="type">
         <el-radio-group v-model="form.type">
-          <el-radio label="1">站内文章</el-radio>
-          <el-radio label="2">输入链接</el-radio>
+          <el-radio value="1">站内文章</el-radio>
+          <el-radio value="2">输入链接</el-radio>
         </el-radio-group>
       </el-form-item>
       <el-form-item label="文章链接" prop="url" v-if="form.type === '2'">

src/modules/qa/views/View.vue

@@ -4,21 +4,21 @@ import { getQuestion } from '../api'
 
 const props = defineProps<{ id: string }>()
 
-let data = $ref<{ info: Record<string, any>; comments: { total: number; list: Record<string, any>[] } }>({
+const data = ref<{ info: Record<string, any>; comments: { total: number; list: Record<string, any>[] } }>({
   info: {},
   comments: { total: 0, list: [] }
 })
-let loading = $ref<boolean>(false)
+const loading = ref<boolean>(false)
 
 const getQuestionInfo = () => {
-  loading = true
+  loading.value = true
   getQuestion({ id: props.id, page_size: 100 })
     .then(res => {
       const { info, comments } = res.data
-      data = { info, comments }
+      data.value = { info, comments }
     })
     .finally(() => {
-      loading = false
+      loading.value = false
     })
 }
 onMounted(() => {

src/modules/video/views/List.vue

@@ -51,7 +51,7 @@ const onRemove = (row: any) => {
       </template>
       <template #filter-type="{ params }">
         <el-radio-group v-model="params.type" @change="onChangeType">
-          <el-radio-button :label="item.value" v-for="item in typeList" :key="item.value">
+          <el-radio-button :value="item.value" v-for="item in typeList" :key="item.value">
             {{ item.label }}
           </el-radio-button>
         </el-radio-group>
@@ -64,8 +64,7 @@ const onRemove = (row: any) => {
           preview-teleported
           lazy
           fit="cover"
-          style="width: 200px; height: 100px"
-        />
+          style="width: 200px; height: 100px" />
       </template>
       <template #table-operate="{ row }">
         <el-space>

tsconfig.json

 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.json",
   "include": ["env.d.ts", "auto-imports.d.ts", "src/**/*", "src/**/*.vue"],
   "compilerOptions": {
     "allowJs": true,

tsconfig.vite-config.json

 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
+  "extends": "@tsconfig/node18/tsconfig.json",
   "include": ["vite.config.*"],
   "compilerOptions": {
     "composite": true,

vite.config.ts

@@ -9,10 +9,7 @@ import AutoImport from 'unplugin-auto-import/vite'
 export default defineConfig(({ mode }) => {
   return {
     base: mode === 'prod' ? 'https://webapp-pub.ezijing.com/website/prod/admin-prp/' : '/',
-    plugins: [
-      vue({ reactivityTransform: true }),
-      AutoImport({ imports: ['vue', 'vue/macros', 'vue-router'], dts: true, eslintrc: { enabled: true } })
-    ],
+    plugins: [vue(), AutoImport({ imports: ['vue', 'vue-router'], dts: true, eslintrc: { enabled: true } })],
     server: {
       open: true,
       host: 'dev.ezijing.com',