refactor: refactor theme path

.vitepress/config.ts

@@ -1,6 +1,6 @@
 import { defineConfigWithTheme } from 'vitepress';
-import { ThemeConfig } from './theme/src/types';
-import { getPosts } from './theme/src/utils/getPosts';
+import type { ThemeConfig } from '../src/types';
+import { getPosts } from '../src/utils/getPosts';
 
 const { posts, rewrites } = await getPosts({ pageSize: 7, index: false, folder: 'posts' });
 

.vitepress/theme/index.ts

@@ -1,26 +1,3 @@
-import DefaultTheme from 'vitepress/theme';
-import mediumZoom from 'medium-zoom';
-import { onMounted, watch, nextTick } from 'vue';
-import { useRoute } from 'vitepress';
-import { registerComponents, ThemeLayout } from './src';
+import Theme from '../../src/index';
 
-export default {
-  ...DefaultTheme,
-  Layout: ThemeLayout,
-  enhanceApp({ app }) {
-    registerComponents(app);
-  },
-  setup() {
-    const route = useRoute();
-    const initZoom = () => {
-      mediumZoom('.main img', { background: 'rgba(0,0,0,0.2)' });
-    };
-    onMounted(() => {
-      initZoom();
-    });
-    watch(
-      () => route.path,
-      () => nextTick(() => initZoom())
-    );
-  }
-};
+export default Theme;

src/index.ts

@@ -0,0 +1,34 @@
+import { onMounted, watch, nextTick } from 'vue';
+import { useRoute } from 'vitepress';
+import DefaultTheme from 'vitepress/theme';
+import mediumZoom from 'medium-zoom';
+import Home from './views/HomeView.vue';
+import Archives from './views/ArchivesView.vue';
+import Tags from './views/TagsView.vue';
+import Page from './views/PageView.vue';
+import ThemeLayout from './views/ThemeLayout.vue';
+import './styles/index.less';
+
+export default {
+  extends: DefaultTheme,
+  Layout: ThemeLayout,
+  enhanceApp({ app }) {
+    app.component('Home', Home);
+    app.component('Tags', Tags);
+    app.component('Archives', Archives);
+    app.component('Page', Page);
+  },
+  setup() {
+    const route = useRoute();
+    const initZoom = () => {
+      mediumZoom('.main img', { background: 'rgba(0,0,0,0.2)' });
+    };
+    onMounted(() => {
+      initZoom();
+    });
+    watch(
+      () => route.path,
+      () => nextTick(() => initZoom())
+    );
+  }
+};

.vitepress/theme/src/types.ts → src/types.ts

@@ -9,6 +9,7 @@ import {
   WalineTeXRenderer,
   WalineSearchOptions
 } from '@waline/client';
+
 export interface IPost {
   title: string;
   datetime: string;

.vitepress/theme/src/ThemeLayout.vue → src/views/ThemeLayout.vue

@@ -1,6 +1,6 @@
 <script setup>
 import DefaultTheme from 'vitepress/theme';
-import CommentItem from './components/CommentItem.vue';
+import CommentItem from '../components/CommentItem.vue';
 const { Layout } = DefaultTheme;
 </script>