refactor: eslint代码检查优化

Former-commit-id: 4c11b5d0cdd10f28148cf3d9b593f85e082cdc51

src/layout/components/Navbar.vue

@@ -65,7 +65,6 @@ import Hamburger from "@/components/Hamburger/index.vue";
 import Screenfull from "@/components/Screenfull/index.vue";
 import SizeSelect from "@/components/SizeSelect/index.vue";
 import LangSelect from "@/components/LangSelect/index.vue";
-import SvgIcon from "@/components/SvgIcon/index.vue";
 
 // 图标依赖
 import { CaretBottom } from "@element-plus/icons-vue";

src/layout/components/Sidebar/Logo.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="sidebar-logo-container" :class="{'collapse':collapse}">
+  <div class="sidebar-logo-container" :class="{ 'collapse': isCollapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
         <img v-if="logo" :src="logo" class="sidebar-logo">
@@ -14,17 +14,23 @@
 </template>
 
 <script setup lang="ts">
-import { ref } from 'vue';
+import { ref, reactive, toRefs } from 'vue';
 
 const props = defineProps({
   collapse: {
-      type: Boolean,
-      required: true
-    }
+    type: Boolean,
+    required: true
+  }
 })
 
-const title=ref("vue3-element-admin")
-const logo=ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
+const state = reactive({
+  isCollapse: props.collapse
+})
+
+const { isCollapse } = toRefs(state)
+
+const title = ref("vue3-element-admin")
+const logo = ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
 
 </script>
 
@@ -32,10 +38,12 @@ const logo=ref("https://s2.loli.net/2022/04/07/hyquWXELOoYvlP6.png")
 .sidebarLogoFade-enter-active {
   transition: opacity 1.5s;
 }
+
 .sidebarLogoFade-enter,
 .sidebarLogoFade-leave-to {
   opacity: 0;
 }
+
 .sidebar-logo-container {
   position: relative;
   width: 100%;

src/layout/components/Sidebar/SidebarItem.vue

@@ -32,8 +32,8 @@
 </template>
 
 <script setup lang="ts">
-import path from 'path-browserify'
 import { ref} from "vue";
+import path from 'path-browserify'
 import {isExternal} from '@/utils/validate'
 import AppLink from './Link.vue'
 
@@ -83,7 +83,7 @@ function hasOneShowingChild(children = [] as any, parent: any) {
   }
 
   return false
-};
+}
 
 function resolvePath(routePath: string) {
   if (isExternal(routePath)) {

src/layout/components/Sidebar/index.vue

@@ -25,7 +25,7 @@
 
 <script setup lang="ts">
 
-import {computed, defineComponent} from "vue";
+import {computed} from "vue";
 import {useRoute} from 'vue-router'
 
 import SidebarItem from './SidebarItem.vue'
@@ -44,7 +44,7 @@ const activeMenu = computed(() => {
   const {meta, path} = route
   // if set path, the sidebar will highlight the path you set
   if (meta.activeMenu) {
-    return meta.activeMenu
+    return meta.activeMenu as string
   }
   return path
 })

src/layout/components/TagsView/ScrollPane.vue

@@ -15,12 +15,11 @@ import {
   computed,
   onMounted,
   onBeforeUnmount,
-  getCurrentInstance,
+  getCurrentInstance
 } from "vue";
 import { TagView } from "@/types";
 import useStore from "@/store";
 
-const emits = defineEmits();
 
 const tagAndTagSpacing = ref(4);
 const scrollContainerRef = ref(null);
@@ -29,9 +28,6 @@ const { tagsView } = useStore();
 
 const visitedViews = computed(() => tagsView.visitedViews);
 
-const emitScroll = () => {
-  (emits as any)("scroll");
-};
 
 const { ctx } = getCurrentInstance() as any;
 const scrollWrapper = computed(() => {

src/layout/components/TagsView/index.vue

@@ -20,7 +20,7 @@
           class="el-icon-close"
           @click.prevent.stop="closeSelectedTag(tag)"
         >
-          <close
+          <Close
             class="el-icon-close"
             style="width: 1em; height: 1em; vertical-align: middle"
           />

src/layout/index.vue

@@ -5,16 +5,16 @@
       class="drawer-bg"
       @click="handleClickOutside"
     />
-    <sidebar class="sidebar-container" />
+    <Sidebar class="sidebar-container" />
     <div :class="{ hasTagsView: needTagsView }" class="main-container">
       <div :class="{ 'fixed-header': fixedHeader }">
         <navbar />
         <tags-view v-if="needTagsView" />
       </div>
       <app-main />
-      <right-panel v-if="showSettings">
+      <RightPanel v-if="showSettings">
         <settings />
-      </right-panel>
+      </RightPanel>
     </div>
   </div>
 </template>
@@ -28,7 +28,7 @@ import RightPanel from "@/components/RightPanel/index.vue";
 
 import useStore from "@/store";
 
-const { width, height } = useWindowSize();
+const { width } = useWindowSize();
 const WIDTH = 992;
 
 const { app, setting } = useStore();