refactor(projects): all file and folder use kebab-case

src/layouts/common/GlobalHeader/components/index.ts

@@ -1,21 +0,0 @@
-import MenuCollapse from './MenuCollapse.vue';
-import GlobalBreadcrumb from './GlobalBreadcrumb.vue';
-import HeaderMenu from './HeaderMenu.vue';
-import GithubSite from './GithubSite.vue';
-import FullScreen from './FullScreen.vue';
-import ThemeMode from './ThemeMode.vue';
-import UserAvatar from './UserAvatar.vue';
-import SystemMessage from './SystemMessage.vue';
-import SettingButton from './SettingButton.vue';
-
-export {
-  MenuCollapse,
-  GlobalBreadcrumb,
-  HeaderMenu,
-  GithubSite,
-  FullScreen,
-  ThemeMode,
-  UserAvatar,
-  SystemMessage,
-  SettingButton
-};

src/layouts/common/GlobalSearch/components/index.ts

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

src/layouts/common/GlobalSider/components/VerticalMixSider/components/index.ts

@@ -1,5 +0,0 @@
-import MixMenuDetail from './MixMenuDetail.vue';
-import MixMenuDrawer from './MixMenuDrawer.vue';
-import MixMenuCollapse from './MixMenuCollapse.vue';
-
-export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };

src/layouts/common/GlobalSider/components/VerticalSider/components/index.ts

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

src/layouts/common/GlobalSider/components/index.ts

@@ -1,4 +0,0 @@
-import VerticalSider from './VerticalSider/index.vue';
-import VerticalMixSider from './VerticalMixSider/index.vue';
-
-export { VerticalSider, VerticalMixSider };

src/layouts/common/GlobalTab/components/TabDetail/components/index.ts

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

src/layouts/common/GlobalTab/components/index.ts

@@ -1,4 +0,0 @@
-import TabDetail from './TabDetail/index.vue';
-import ReloadButton from './ReloadButton/index.vue';
-
-export { TabDetail, ReloadButton };

src/layouts/common/SettingDrawer/components/LayoutMode/components/index.ts

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

src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/index.ts

@@ -1,4 +0,0 @@
-import ColorCheckbox from './ColorCheckbox.vue';
-import ColorModal from './ColorModal.vue';
-
-export { ColorCheckbox, ColorModal };

src/layouts/common/SettingDrawer/components/index.ts

@@ -1,9 +0,0 @@
-import DrawerButton from './DrawerButton/index.vue';
-import DarkMode from './DarkMode/index.vue';
-import LayoutMode from './LayoutMode/index.vue';
-import ThemeColorSelect from './ThemeColorSelect/index.vue';
-import PageFunc from './PageFunc/index.vue';
-import PageView from './PageView/index.vue';
-import ThemeConfig from './ThemeConfig/index.vue';
-
-export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };

src/layouts/common/global-header/components/index.ts

@@ -0,0 +1,21 @@
+import MenuCollapse from './menu-collapse.vue';
+import GlobalBreadcrumb from './global-breadcrumb.vue';
+import HeaderMenu from './header-menu.vue';
+import GithubSite from './github-site.vue';
+import FullScreen from './full-screen.vue';
+import ThemeMode from './theme-mode.vue';
+import UserAvatar from './user-avatar.vue';
+import SystemMessage from './system-message.vue';
+import SettingButton from './setting-button.vue';
+
+export {
+  MenuCollapse,
+  GlobalBreadcrumb,
+  HeaderMenu,
+  GithubSite,
+  FullScreen,
+  ThemeMode,
+  UserAvatar,
+  SystemMessage,
+  SettingButton
+};

src/layouts/common/global-header/components/system-message.vue

@@ -52,7 +52,7 @@ import { computed, ref } from 'vue';
 import { useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
 import { useBoolean } from '@/hooks';
-import MessageList from './MessageList.vue';
+import MessageList from './message-list.vue';
 
 defineOptions({ name: 'SystemMessage' });
 

src/layouts/common/global-header/index.vue

@@ -21,8 +21,8 @@
 <script setup lang="ts">
 import { useThemeStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import GlobalLogo from '../GlobalLogo/index.vue';
-import GlobalSearch from '../GlobalSearch/index.vue';
+import GlobalLogo from '../global-logo/index.vue';
+import GlobalSearch from '../global-search/index.vue';
 import {
   FullScreen,
   GithubSite,

src/layouts/common/global-search/components/index.ts

@@ -0,0 +1,3 @@
+import SearchModal from './search-modal.vue';
+
+export { SearchModal };

src/layouts/common/global-search/components/search-modal.vue

@@ -34,8 +34,8 @@ import { useRouter } from 'vue-router';
 import { onKeyStroke, useDebounceFn } from '@vueuse/core';
 import { useRouteStore } from '@/store';
 import { useBasicLayout } from '@/composables';
-import SearchResult from './SearchResult.vue';
-import SearchFooter from './SearchFooter.vue';
+import SearchResult from './search-result.vue';
+import SearchFooter from './search-footer.vue';
 
 defineOptions({ name: 'SearchModal' });
 

src/layouts/common/global-sider/components/index.ts

@@ -0,0 +1,4 @@
+import VerticalSider from './vertical-sider/index.vue';
+import VerticalMixSider from './vertical-mix-sider/index.vue';
+
+export { VerticalSider, VerticalMixSider };

src/layouts/common/global-sider/components/vertical-mix-sider/components/index.ts

@@ -0,0 +1,5 @@
+import MixMenuDetail from './mix-menu-detail.vue';
+import MixMenuDrawer from './mix-menu-drawer.vue';
+import MixMenuCollapse from './mix-menu-collapse.vue';
+
+export { MixMenuDetail, MixMenuDrawer, MixMenuCollapse };

src/layouts/common/global-sider/components/vertical-sider/components/index.ts

@@ -0,0 +1,3 @@
+import VerticalMenu from './vertical-menu.vue';
+
+export { VerticalMenu };

src/layouts/common/global-tab/components/index.ts

@@ -0,0 +1,4 @@
+import TabDetail from './tab-detail/index.vue';
+import ReloadButton from './reload-button/index.vue';
+
+export { TabDetail, ReloadButton };

src/layouts/common/global-tab/components/tab-detail/components/index.ts

@@ -0,0 +1,3 @@
+import ContextMenu from './context-menu.vue';
+
+export { ContextMenu };

src/layouts/common/index.ts

@@ -1,10 +1,10 @@
-import SettingDrawer from './SettingDrawer/index.vue';
-import GlobalHeader from './GlobalHeader/index.vue';
-import GlobalTab from './GlobalTab/index.vue';
-import GlobalSider from './GlobalSider/index.vue';
-import GlobalContent from './GlobalContent/index.vue';
-import GlobalFooter from './GlobalFooter/index.vue';
-import GlobalLogo from './GlobalLogo/index.vue';
-import GlobalBackTop from './GlobalBackTop/index.vue';
+import SettingDrawer from './setting-drawer/index.vue';
+import GlobalHeader from './global-header/index.vue';
+import GlobalTab from './global-tab/index.vue';
+import GlobalSider from './global-sider/index.vue';
+import GlobalContent from './global-content/index.vue';
+import GlobalFooter from './global-footer/index.vue';
+import GlobalLogo from './global-logo/index.vue';
+import GlobalBackTop from './global-back-top/index.vue';
 
 export { SettingDrawer, GlobalHeader, GlobalTab, GlobalSider, GlobalContent, GlobalFooter, GlobalLogo, GlobalBackTop };

src/layouts/common/setting-drawer/components/dark-mode/index.vue

@@ -26,7 +26,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'DarkMode' });
 

src/layouts/common/setting-drawer/components/index.ts

@@ -0,0 +1,9 @@
+import DrawerButton from './drawer-button/index.vue';
+import DarkMode from './dark-mode/index.vue';
+import LayoutMode from './layout-mode/index.vue';
+import ThemeColorSelect from './theme-color-select/index.vue';
+import PageFunc from './page-func/index.vue';
+import PageView from './page-view/index.vue';
+import ThemeConfig from './theme-config/index.vue';
+
+export { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageView, ThemeConfig };

src/layouts/common/setting-drawer/components/layout-mode/components/index.ts

@@ -0,0 +1,3 @@
+import LayoutCheckbox from './layout-checkbox.vue';
+
+export { LayoutCheckbox };

src/layouts/common/setting-drawer/components/page-func/index.vue

@@ -69,7 +69,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'PageFunc' });
 

src/layouts/common/setting-drawer/components/page-view/index.vue

@@ -36,7 +36,7 @@
 
 <script lang="ts" setup>
 import { useThemeStore } from '@/store';
-import SettingMenu from '../SettingMenu/index.vue';
+import SettingMenu from '../setting-menu/index.vue';
 
 defineOptions({ name: 'PageView' });
 

src/layouts/common/setting-drawer/components/theme-color-select/components/color-modal.vue

@@ -25,7 +25,7 @@
 <script setup lang="ts">
 import { traditionColors } from '@/settings';
 import { useThemeStore } from '@/store';
-import ColorCheckbox from './ColorCheckbox.vue';
+import ColorCheckbox from './color-checkbox.vue';
 
 defineOptions({ name: 'ColorModal' });
 

src/layouts/common/setting-drawer/components/theme-color-select/components/index.ts

@@ -0,0 +1,4 @@
+import ColorCheckbox from './color-checkbox.vue';
+import ColorModal from './color-modal.vue';
+
+export { ColorCheckbox, ColorModal };

src/layouts/index.ts

@@ -1,4 +1,4 @@
-const BasicLayout = () => import('./BasicLayout/index.vue');
-const BlankLayout = () => import('./BlankLayout/index.vue');
+const BasicLayout = () => import('./basic-layout/index.vue');
+const BlankLayout = () => import('./blank-layout/index.vue');
 
 export { BasicLayout, BlankLayout };