chore: upgrade deps

Author: liweijie0812

package-lock.json

@@ -35,10 +35,10 @@
     "tvision-color": "^1.6.0",
     "vue": "^3.5.18",
     "vue-i18n": "^9.9.1",
-    "vue-router": "~4.3.0"
+    "vue-router": "^4.6.0"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.10.1",
+    "@antfu/eslint-config": "^6.7.1",
     "@commitlint/cli": "^19.8.0",
     "@commitlint/config-conventional": "^19.8.0",
     "@types/echarts": "^4.9.21",
@@ -73,7 +73,7 @@
     "vite": "^6.2.2",
     "vite-plugin-mock": "^3.0.1",
     "vite-svg-loader": "^5.1.0",
-    "vue-tsc": "^2.2.8"
+    "vue-tsc": "^3.1.8"
   },
   "config": {
     "commitizen": {

package.json

@@ -5,7 +5,7 @@
       drag-sort
       theme="card"
       :class="`${prefix}-layout-tabs-nav`"
-      :value="$route.path"
+      :value="route.path"
       :style="{ position: 'sticky', top: 0, width: '100%' }"
       @change="(value) => handleChangeCurrentTab(value as string)"
       @remove="handleRemove"

src/layouts/components/LayoutContent.vue

@@ -1,13 +1,17 @@
 <template>
   <result title="403 Forbidden" :tip="t('pages.result.403.tips')">
-    <t-button @click="() => $router.push('/')">{{ t('pages.result.403.back') }}</t-button>
+    <t-button @click="() => router.push('/')">{{ t('pages.result.403.back') }}</t-button>
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'Result403',
 });
+
+const router = useRouter();
 </script>

src/pages/result/403/index.vue

@@ -1,13 +1,17 @@
 <template>
   <result title="404 Not Found" :tip="t('pages.result.404.subtitle')" type="404">
-    <t-button @click="() => $router.push('/')">{{ t('pages.result.404.back') }}</t-button>
+    <t-button @click="() => router.push('/')">{{ t('pages.result.404.back') }}</t-button>
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'Result404',
 });
+
+const router = useRouter();
 </script>

src/pages/result/404/index.vue

@@ -1,13 +1,17 @@
 <template>
   <result title="500 Internal Server Error" type="500" :tip="t('pages.result.500.subtitle')">
-    <t-button @click="() => $router.push('/')">{{ t('pages.result.500.back') }}</t-button>
+    <t-button @click="() => router.push('/')">{{ t('pages.result.500.back') }}</t-button>
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'Result500',
 });
+
+const router = useRouter();
 </script>

src/pages/result/500/index.vue

@@ -5,7 +5,7 @@
     :tip="t('pages.result.browserIncompatible.subtitle')"
   >
     <div class="result-slot-container">
-      <t-button class="result-button" @click="() => $router.push('/')">{{
+      <t-button class="result-button" @click="() => router.push('/')">{{
         t('pages.result.browserIncompatible.back')
       }}</t-button>
       <div class="recommend-container">
@@ -25,13 +25,17 @@
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import Thumbnail from '@/components/thumbnail/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'ResultBrowserIncompatible',
 });
+
+const router = useRouter();
 </script>
 <style lang="less" scoped>
 .result-slot-container {

src/pages/result/browser-incompatible/index.vue

@@ -4,19 +4,23 @@
     <div class="result-success-title">{{ t('pages.result.fail.title') }}</div>
     <div class="result-success-describe">{{ t('pages.result.fail.subtitle') }}</div>
     <div>
-      <t-button theme="default" @click="() => $router.push('/dashboard/base')">{{
+      <t-button theme="default" @click="() => router.push('/dashboard/base')">{{
         t('pages.result.fail.back')
       }}</t-button>
-      <t-button @click="() => $router.push('/form/base')">{{ t('pages.result.fail.modify') }} </t-button>
+      <t-button @click="() => router.push('/form/base')">{{ t('pages.result.fail.modify') }} </t-button>
     </div>
   </div>
 </template>
 <script lang="ts" setup>
+import { useRouter } from 'vue-router';
+
 import { t } from '@/locales';
 
 defineOptions({
   name: 'ResultFail',
 });
+
+const router = useRouter();
 </script>
 <style lang="less" scoped>
 .result-success {

src/pages/result/fail/index.vue

@@ -1,13 +1,17 @@
 <template>
   <result :title="t('pages.result.maintenance.title')" :tip="t('pages.result.maintenance.subtitle')" type="maintenance">
-    <t-button theme="primary" @click="() => $router.push('/')">{{ t('pages.result.maintenance.back') }}</t-button>
+    <t-button theme="primary" @click="() => router.push('/')">{{ t('pages.result.maintenance.back') }}</t-button>
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'ResultMaintenance',
 });
+
+const router = useRouter();
 </script>

src/pages/result/maintenance/index.vue

@@ -1,16 +1,20 @@
 <template>
   <result :title="t('pages.result.networkError.title')" :tip="t('pages.result.networkError.subtitle')" type="wifi">
     <div>
-      <t-button theme="default" @click="() => $router.push('/')">{{ t('pages.result.networkError.back') }}</t-button>
-      <t-button @click="() => $router.push('/')">{{ t('pages.result.networkError.reload') }}</t-button>
+      <t-button theme="default" @click="() => router.push('/')">{{ t('pages.result.networkError.back') }}</t-button>
+      <t-button @click="() => router.push('/')">{{ t('pages.result.networkError.reload') }}</t-button>
     </div>
   </result>
 </template>
 <script setup lang="ts">
+import { useRouter } from 'vue-router';
+
 import Result from '@/components/result/index.vue';
 import { t } from '@/locales';
 
 defineOptions({
   name: 'ResultNetworkError',
 });
+
+const router = useRouter();
 </script>