fix Bug or esLink formatting

src/layout/components/Menu/index.ts

@@ -1,3 +1,3 @@
-import AsideMenu from './index.vue'
+import AsideMenu from './index.vue';
 
-export { AsideMenu }
+export { AsideMenu };

src/layout/components/Menu/index.vue

@@ -1,111 +1,108 @@
 <template>
   <NMenu
-      :options="menus"
-      :inverted="inverted"
-      :mode="mode"
-      :collapsed="collapsed"
-      :collapsed-width="64"
-      :collapsed-icon-size="20"
-      :expanded-keys="openKeys"
-      v-model:value="selectedKeys"
-      @update:value="clickMenuItem"
-      @update:expanded-keys="menuExpanded"
-  >
-  </NMenu>
+    :options="menus"
+    :inverted="inverted"
+    :mode="mode"
+    :collapsed="collapsed"
+    :collapsed-width="64"
+    :collapsed-icon-size="20"
+    :expanded-keys="openKeys"
+    v-model:value="selectedKeys"
+    @update:value="clickMenuItem"
+    @update:expanded-keys="menuExpanded"
+  />
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive, computed, watch, toRefs, ref } from 'vue'
-import { useRoute, useRouter } from 'vue-router'
-import { useAsyncRouteStore } from '@/store/modules/asyncRoute'
-import { generatorMenu } from '@/utils/index'
-import { useProjectSettingStore } from "@/store/modules/projectSetting";
+  import { defineComponent, reactive, computed, watch, toRefs } from 'vue';
+  import { useRoute, useRouter } from 'vue-router';
+  import { useAsyncRouteStore } from '@/store/modules/asyncRoute';
+  import { generatorMenu } from '@/utils/index';
+  import { useProjectSettingStore } from '@/store/modules/projectSetting';
 
-export default defineComponent({
-  name: 'Menu',
-  components: {},
-  props: {
-    mode: {
-      // 菜单模式
-      type: String,
-      default: 'vertical'
+  export default defineComponent({
+    name: 'Menu',
+    components: {},
+    props: {
+      mode: {
+        // 菜单模式
+        type: String,
+        default: 'vertical',
+      },
+      collapsed: {
+        // 侧边栏菜单是否收起
+        type: Boolean,
+      },
     },
-    collapsed: {
-      // 侧边栏菜单是否收起
-      type: Boolean
-    }
-  },
-  setup(props) {
-    // 当前路由
-    const currentRoute = useRoute()
-    const router = useRouter()
-    const asyncRouteStore = useAsyncRouteStore()
-    const settingStore = useProjectSettingStore()
-    const { mode } = props
+    setup(props) {
+      // 当前路由
+      const currentRoute = useRoute();
+      const router = useRouter();
+      const asyncRouteStore = useAsyncRouteStore();
+      const settingStore = useProjectSettingStore();
 
-    // 获取当前打开的子菜单
-    const matched = currentRoute.matched
+      // 获取当前打开的子菜单
+      const matched = currentRoute.matched;
 
-    const getOpenKeys = matched && matched.length ? [matched[0]?.name] : []
+      const getOpenKeys = matched && matched.length ? [matched[0]?.name] : [];
 
-    const state = reactive({
-      openKeys: getOpenKeys,
-      selectedKeys: currentRoute.name,
-    })
+      const state = reactive({
+        openKeys: getOpenKeys,
+        selectedKeys: currentRoute.name,
+      });
 
-    const inverted = computed(() => {
-      return ['dark', 'header-dark'].includes(settingStore.navTheme)
-    })
+      const inverted = computed(() => {
+        return ['dark', 'header-dark'].includes(settingStore.navTheme);
+      });
 
-    const menus = computed(() => {
-      return generatorMenu(asyncRouteStore.getMenus)
-    })
+      const menus = computed(() => {
+        return generatorMenu(asyncRouteStore.getMenus);
+      });
 
-    // 监听菜单收缩状态
-    watch(
+      // 监听菜单收缩状态
+      watch(
         () => props.collapsed,
         (newVal) => {
-          state.openKeys = newVal ? [] : getOpenKeys
-          state.selectedKeys = currentRoute.name
+          state.openKeys = newVal ? [] : getOpenKeys;
+          state.selectedKeys = currentRoute.name;
         }
-    )
+      );
 
-    // 跟随页面路由变化，切换菜单选中状态
-    watch(
+      // 跟随页面路由变化，切换菜单选中状态
+      watch(
         () => currentRoute.fullPath,
         () => {
-          const matched = currentRoute.matched
-          const getOpenKeys = matched && matched.length ? [matched[0]?.name] : []
-          state.openKeys = getOpenKeys
-          state.selectedKeys = currentRoute.name
+          const matched = currentRoute.matched;
+          const getOpenKeys = matched && matched.length ? [matched[0]?.name] : [];
+          state.openKeys = getOpenKeys;
+          state.selectedKeys = currentRoute.name;
         }
-    )
+      );
 
-    // 点击菜单
-    function clickMenuItem(key: string) {
-      if (/http(s)?:/.test(key)) {
-        window.open(key)
-      } else {
-        router.push({ name: key })
+      // 点击菜单
+      function clickMenuItem(key: string) {
+        if (/http(s)?:/.test(key)) {
+          window.open(key);
+        } else {
+          router.push({ name: key });
+        }
       }
-    }
 
-    //展开菜单
-    function menuExpanded(openKeys: string[]) {
-      console.log(openKeys)
-      if (!openKeys) return
-      const latestOpenKey = openKeys.pop();
-      state.openKeys = latestOpenKey ? [latestOpenKey] : []
-    }
+      //展开菜单
+      function menuExpanded(openKeys: string[]) {
+        console.log(openKeys);
+        if (!openKeys) return;
+        const latestOpenKey = openKeys.pop();
+        state.openKeys = latestOpenKey ? [latestOpenKey] : [];
+      }
 
-    return {
-      ...toRefs(state),
-      inverted,
-      menus,
-      mode,
-      clickMenuItem,
-      menuExpanded
-    }
-  }
-})
+      return {
+        ...toRefs(state),
+        inverted,
+        menus,
+        clickMenuItem,
+        menuExpanded,
+      };
+    },
+  });
 </script>