style: 文件命名规范

src/layout/components/Menu/menu-item.vue

@@ -2,14 +2,14 @@
   <template v-for="item in props.routeTree" :key="item.name">
     <a-sub-menu v-if="item.children && item.children.length > 0" :key="item.name">
       <template #icon v-if="item.meta.svgIcon || item.meta.icon">
-        <IconCommon :svg-icon="item.meta.svgIcon" :icon="item.meta.icon" />
+        <MenuItemIcon :svg-icon="item.meta.svgIcon" :icon="item.meta.icon" />
       </template>
       <template #title>{{ item.meta.title }}</template>
       <MenuItem :route-tree="item.children" />
     </a-sub-menu>
     <a-menu-item v-else :key="item?.name">
       <template #icon v-if="item.meta.svgIcon || item.meta.icon">
-        <IconCommon :svg-icon="item.meta.svgIcon" :icon="item.meta.icon" />
+        <MenuItemIcon :svg-icon="item.meta.svgIcon" :icon="item.meta.icon" />
       </template>
       <div>{{ item.meta.title }}</div>
     </a-menu-item>
@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import IconCommon from "@/layout/components/Menu/icon-common.vue";
+import MenuItemIcon from "@/layout/components/Menu/menu-item-icon.vue";
 defineOptions({ name: "MenuItem" });
 
 interface Props {

src/layout/index.vue

@@ -7,8 +7,8 @@
 <script setup lang="ts">
 // 引入组件-异步组件
 const layouts = {
-  defaults: defineAsyncComponent(() => import("@/layout/LayoutDefaults/index.vue")),
-  mixing: defineAsyncComponent(() => import("@/layout/LayoutMixing/index.vue"))
+  defaults: defineAsyncComponent(() => import("@/layout/layout-defaults/index.vue")),
+  mixing: defineAsyncComponent(() => import("@/layout/layout-mixing/index.vue"))
 };
 </script>