style: 组件命名规范

src/components.d.ts

@@ -7,12 +7,10 @@ export {}
 
 declare module 'vue' {
   export interface GlobalComponents {
-    MainTransition: typeof import('./components/MainTransition/index.vue')['default']
-    MyTransition: typeof import('./components/MyTransition/index.vue')['default']
+    MainTransition: typeof import('./components/main-transition/index.vue')['default']
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
-    SvgIcon: typeof import('./components/SvgIcon/index.vue')['default']
-    Transition: typeof import('./components/Transition/index.vue')['default']
-    VerifyCode: typeof import('./components/VerifyCode/index.vue')['default']
+    SvgIcon: typeof import('./components/svg-icon/index.vue')['default']
+    VerifyCode: typeof import('./components/verify-code/index.vue')['default']
   }
 }

src/layout/components/Header/index.vue

@@ -98,8 +98,8 @@
   </a-layout-header>
 </template>
 <script setup lang="ts">
-import Notice from "@/layout/components/Header/components/Notice/index.vue";
-import Breadcrumb from "@/layout/components/Header/components/Breadcrumb/index.vue";
+import Notice from "@/layout/components/Header/components/notice/index.vue";
+import Breadcrumb from "@/layout/components/Header/components/breadcrumb/index.vue";
 import myImage from "@/assets/img/my-image.jpg";
 import pinia from "@/store/index";
 import { Modal } from "@arco-design/web-vue";

vite.config.ts

@@ -31,7 +31,7 @@ export default defineConfig(({ mode }) => {
       }),
       createSvgIconsPlugin({
         // 配置src下存放svg的路径，这里表示在src/icons文件夹下
-        iconDirs: [path.resolve(process.cwd(), "src/icons")],
+        iconDirs: [path.resolve(process.cwd(), "src/assets/icons")],
         symbolId: "icon-[dir]-[name]"
       }),
       AutoImport({