refactor: 调整 layouts 目录结构

src/layouts/components/AppMain/index.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { useTagsViewStore } from "@/pinia/stores/tags-view"
-import Footer from "./Footer/index.vue"
+import { Footer } from "../index"
 
 const tagsViewStore = useTagsViewStore()
 const settingsStore = useSettingsStore()

src/layouts/components/index.ts

@@ -1,4 +1,4 @@
-export { default as AppMain } from "./AppMain.vue"
+export { default as AppMain } from "./AppMain/index.vue"
 export { default as Breadcrumb } from "./Breadcrumb/index.vue"
 export { default as Footer } from "./Footer/index.vue"
 export { default as Hamburger } from "./Hamburger/index.vue"

src/layouts/index.vue

@@ -8,9 +8,9 @@ import { storeToRefs } from "pinia"
 import { watchEffect } from "vue"
 import { RightPanel, Settings } from "./components"
 import { useResize } from "./composables/useResize"
-import LeftMode from "./LeftMode.vue"
+import LeftMode from "./modes/LeftMode.vue"
-import LeftTopMode from "./LeftTopMode.vue"
+import LeftTopMode from "./modes/LeftTopMode.vue"
-import TopMode from "./TopMode.vue"
+import TopMode from "./modes/TopMode.vue"
 
 // Layout 布局响应式
 useResize()

src/layouts/modes/LeftMode.vue

@@ -5,7 +5,7 @@ import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
 import { computed } from "vue"
-import { AppMain, NavigationBar, Sidebar, TagsView } from "./components"
+import { AppMain, NavigationBar, Sidebar, TagsView } from "../components"
 
 const { isMobile } = useDevice()
 const { isLeft } = useLayoutMode()

src/layouts/modes/LeftTopMode.vue

@@ -3,7 +3,7 @@ import { useAppStore } from "@/pinia/stores/app"
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
 import { computed } from "vue"
-import { AppMain, Logo, NavigationBar, Sidebar, TagsView } from "./components"
+import { AppMain, Logo, NavigationBar, Sidebar, TagsView } from "../components"
 
 const appStore = useAppStore()
 const settingsStore = useSettingsStore()

src/layouts/modes/TopMode.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useSettingsStore } from "@/pinia/stores/settings"
 import { storeToRefs } from "pinia"
-import { AppMain, Logo, NavigationBar, TagsView } from "./components"
+import { AppMain, Logo, NavigationBar, TagsView } from "../components"
 
 const settingsStore = useSettingsStore()
 const { showTagsView, showLogo } = storeToRefs(settingsStore)