refactor: ♻️ eslint 代码规范检测修改

Former-commit-id: 0a1da312a15a849433d40c2727e4fa3a70e8b625

src/layout/components/Navbar.vue

@@ -54,7 +54,7 @@ function logout() {
     <div class="flex">
       <hamburger
         :is-active="appStore.sidebar.opened"
-        @toggleClick="toggleSideBar"
+        @toggle-click="toggleSideBar"
       />
       <breadcrumb />
     </div>
@@ -62,7 +62,7 @@ function logout() {
     <!-- 右侧导航设置 -->
     <div class="flex">
       <!-- 导航栏设置(窄屏隐藏)-->
-      <div class="setting-container" v-if="device !== 'mobile'">
+      <div v-if="device !== 'mobile'" class="setting-container">
         <!--全屏 -->
         <div class="setting-item" @click="toggle">
           <svg-icon

src/layout/components/Settings/index.vue

@@ -50,12 +50,12 @@ onMounted(() => {
     <div class="flex justify-center" @click.stop>
       <el-switch
         v-model="isDark"
-        @change="toggleDark"
         inline-prompt
         :active-icon="IconEpMoon"
         :inactive-icon="IconEpSunny"
         active-color="var(--el-fill-color-dark)"
         inactive-color="var(--el-color-primary)"
+        @change="toggleDark"
       />
     </div>
 
@@ -79,12 +79,12 @@ onMounted(() => {
 
     <ul class="w-full space-x-2 flex justify-center py-2">
       <li
-        class="inline-block w-[30px] h-[30px] cursor-pointer"
         v-for="(color, index) in themeColors"
         :key="index"
+        class="inline-block w-[30px] h-[30px] cursor-pointer"
         :style="{ background: color }"
         @click="changeThemeColor(color)"
-      ></li>
+      />
     </ul>
 
     <el-divider>导航设置</el-divider>

src/layout/components/Sidebar/index.vue

@@ -1,21 +1,18 @@
 <script setup lang="ts">
-import { useRoute } from 'vue-router';
+import SidebarItem from "./SidebarItem.vue";
+import Logo from "./Logo.vue";
 
-import SidebarItem from './SidebarItem.vue';
-import Logo from './Logo.vue';
-
-import { useSettingsStore } from '@/store/modules/settings';
-import { usePermissionStore } from '@/store/modules/permission';
-import { useAppStore } from '@/store/modules/app';
-import { storeToRefs } from 'pinia';
-import variables from '@/styles/variables.module.scss';
+import { useSettingsStore } from "@/store/modules/settings";
+import { usePermissionStore } from "@/store/modules/permission";
+import { useAppStore } from "@/store/modules/app";
+import { storeToRefs } from "pinia";
+import variables from "@/styles/variables.module.scss";
 
 const settingsStore = useSettingsStore();
 const permissionStore = usePermissionStore();
 const appStore = useAppStore();
 
 const { sidebarLogo } = storeToRefs(settingsStore);
-const route = useRoute();
 </script>
 
 <template>
@@ -23,7 +20,6 @@ const route = useRoute();
     <logo v-if="sidebarLogo" :collapse="!appStore.sidebar.opened" />
     <el-scrollbar>
       <el-menu
-        :default-active="route.path"
         :collapse="!appStore.sidebar.opened"
         :background-color="variables.menuBg"
         :text-color="variables.menuText"
@@ -34,8 +30,8 @@ const route = useRoute();
       >
         <sidebar-item
           v-for="route in permissionStore.routes"
-          :item="route"
           :key="route.path"
+          :item="route"
           :base-path="route.path"
           :is-collapse="!appStore.sidebar.opened"
         />

src/layout/components/TagsView/index.vue

@@ -245,9 +245,9 @@ onMounted(() => {
   <div class="tags-container">
     <scroll-pane ref="scrollPaneRef" @scroll="handleScroll">
       <router-link
-        :class="'tags-item ' + (isActive(tag) ? 'active' : '')"
         v-for="tag in visitedViews"
         :key="tag.path"
+        :class="'tags-item ' + (isActive(tag) ? 'active' : '')"
         :data-path="tag.path"
         :to="{ path: tag.path, query: tag.query }"
         @click.middle="!isAffix(tag) ? closeSelectedTag(tag) : ''"