perf(theme): 博客相关组件归类

theme/src/client/components/Blog/Archives.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useArchives, useBlogExtract } from '../composables/index.js'
-import IconArchive from './icons/IconArchive.vue'
+import { useArchives, useBlogExtract } from '../../composables/index.js'
+import IconArchive from '../icons/IconArchive.vue'
 import ShortPostList from './ShortPostList.vue'
 
 const { archives: archivesLink } = useBlogExtract()

theme/src/client/components/Blog/Blog.vue

@@ -1,11 +1,11 @@
 <script lang="ts" setup>
 import { usePageData } from 'vuepress/client'
-import type { PlumeThemePageData } from '../../shared/index.js'
-import { useThemeLocaleData } from '../composables/index.js'
+import type { PlumeThemePageData } from '../../../shared/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
+import PostList from './PostList.vue'
 import Archives from './Archives.vue'
 import BlogAside from './BlogAside.vue'
 import BlogExtract from './BlogExtract.vue'
-import PostList from './PostList.vue'
 import Tags from './Tags.vue'
 import BlogNav from './BlogNav.vue'
 

theme/src/client/components/Blog/BlogAside.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { useThemeLocaleData } from '../composables/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
 import BlogNav from './BlogNav.vue'
 import BlogProfile from './BlogProfile.vue'
 

theme/src/client/components/Blog/BlogExtract.vue

@@ -2,12 +2,12 @@
 import { useScrollLock } from '@vueuse/core'
 import { computed, ref, watch } from 'vue'
 import { useRoute } from 'vuepress/client'
-import { useBlogExtract, useThemeLocaleData } from '../composables/index.js'
-import { inBrowser } from '../utils/index.js'
-import AutoLink from './AutoLink.vue'
-import IconArchive from './icons/IconArchive.vue'
-import IconBlogExt from './icons/IconBlogExt.vue'
-import IconTag from './icons/IconTag.vue'
+import { useBlogExtract, useThemeLocaleData } from '../../composables/index.js'
+import { inBrowser } from '../../utils/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconArchive from '../icons/IconArchive.vue'
+import IconBlogExt from '../icons/IconBlogExt.vue'
+import IconTag from '../icons/IconTag.vue'
 
 const theme = useThemeLocaleData()
 const route = useRoute()

theme/src/client/components/Blog/BlogNav.vue

@@ -1,10 +1,10 @@
 <script lang="ts" setup>
 import { useRoute } from 'vuepress/client'
-import { useBlogExtract } from '../composables/index.js'
-import AutoLink from './AutoLink.vue'
-import IconArchive from './icons/IconArchive.vue'
-import IconTag from './icons/IconTag.vue'
-import IconChevronRight from './icons/IconChevronRight.vue'
+import { useBlogExtract } from '../../composables/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconArchive from '../icons/IconArchive.vue'
+import IconTag from '../icons/IconTag.vue'
+import IconChevronRight from '../icons/IconChevronRight.vue'
 
 const props = defineProps<{
   isLocal?: boolean

theme/src/client/components/Blog/BlogProfile.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useThemeLocaleData } from '../composables/index.js'
+import { useThemeLocaleData } from '../../composables/index.js'
 
 const theme = useThemeLocaleData()
 const avatar = computed(() => theme.value.avatar)

theme/src/client/components/Blog/Pagination.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { PlumeThemeBlog } from '../../shared/index.js'
+import type { PlumeThemeBlog } from '../../../shared/index.js'
 
 type NonFalseAndNullable<T> = T extends false | null | undefined ? never : T
 

theme/src/client/components/Blog/PostItem.vue

@@ -1,12 +1,12 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
-import type { PlumeThemeBlogPostItem } from '../../shared/index.js'
-import { useExtraBlogData } from '../composables/index.js'
-import AutoLink from './AutoLink.vue'
-import IconClock from './icons/IconClock.vue'
-import IconFolder from './icons/IconFolder.vue'
-import IconTag from './icons/IconTag.vue'
-import IconLock from './icons/IconLock.vue'
+import type { PlumeThemeBlogPostItem } from '../../../shared/index.js'
+import { useExtraBlogData } from '../../composables/index.js'
+import AutoLink from '../AutoLink.vue'
+import IconClock from '../icons/IconClock.vue'
+import IconFolder from '../icons/IconFolder.vue'
+import IconTag from '../icons/IconTag.vue'
+import IconLock from '../icons/IconLock.vue'
 
 const props = defineProps<{
   post: PlumeThemeBlogPostItem

theme/src/client/components/Blog/PostList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { usePostListControl } from '../composables/index.js'
+import { usePostListControl } from '../../composables/index.js'
 import PostItem from './PostItem.vue'
 import Pagination from './Pagination.vue'
 

theme/src/client/components/Blog/ShortPostList.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import AutoLink from './AutoLink.vue'
+import AutoLink from '../AutoLink.vue'
 
 defineProps<{
   postList: {

theme/src/client/components/Blog/Tags.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
-import { useBlogExtract, useTags } from '../composables/index.js'
-import IconTag from './icons/IconTag.vue'
+import { useBlogExtract, useTags } from '../../composables/index.js'
+import IconTag from '../icons/IconTag.vue'
 import ShortPostList from './ShortPostList.vue'
 
 const { tags, currentTag, postList, handleTagClick } = useTags()

theme/src/client/layouts/Layout.vue

@@ -3,7 +3,7 @@ import { usePageData, useRoute } from 'vuepress/client'
 import { computed, provide, watch } from 'vue'
 import type { PlumeThemePageData } from '../../shared/index.js'
 import Backdrop from '../components/Backdrop.vue'
-import Blog from '../components/Blog.vue'
+import Blog from '../components/Blog/Blog.vue'
 import Friends from '../components/Friends.vue'
 import Home from '../components/Home.vue'
 import LayoutContent from '../components/LayoutContent.vue'