refactor: eslint代码检查优化

Former-commit-id: 4c11b5d0cdd10f28148cf3d9b593f85e082cdc51

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
 })