feat(vitepress-demo): 简化Demo配置，移除element-plus组件的手动导入

Author: mmdapl

apps/vitepress-demo/.vitepress/config.ts

@@ -2,13 +2,13 @@ import path from 'node:path'
 import { defineConfig } from 'vitepress'
 import { getThemeConfig, getVipFooter, zhSearch } from '@142vip/vitepress'
 import { OPEN_SOURCE_ADDRESS, getDocSiteBase } from '@142vip/utils'
-import type { DefaultTheme } from 'vitepress/types/default-theme'
+import type { NavbarConfig, SidebarConfig } from '@142vip/vitepress'
 import { name as pkgName, version as pkgVersion } from '../package.json'
 
 /**
  * 导航栏
  */
-const navbarConfig: DefaultTheme.NavItem[] = [
+const navbarConfig: NavbarConfig = [
   { text: '🔥 首页', link: '/docs/index.md' },
   {
     text: '💻 示例文档',
@@ -37,7 +37,7 @@ const navbarConfig: DefaultTheme.NavItem[] = [
 /**
  * 侧边栏
  */
-const sidebarConfig: DefaultTheme.SidebarItem[] = [
+const sidebarConfig: SidebarConfig = [
   {
     text: '示例文档',
     collapsed: false,

apps/vitepress-demo/.vitepress/theme/components/HomePage.vue

@@ -1,23 +1,16 @@
 <script lang="ts" setup>
-import { defineComponent, onMounted, ref } from 'vue'
+import { onMounted, ref } from 'vue'
 import {
   VipBackTop,
   VipContactAuthor,
   VipProjectTable,
   VipTeam,
 } from '@142vip/vitepress/components'
 import { useData } from 'vitepress'
-import { ElImage } from 'element-plus'
 
 const { isDark } = useData()
 const tableData = ref<any[]>([])
 
-defineComponent({
-  components: {
-    ElImage,
-  },
-})
-
 /**
  * 异步加载表格数据
  */
@@ -83,14 +76,14 @@ onMounted(async () => {
     <h2>趋势</h2>
     <!-- 支持黑色主题 -->
     <div class="star-history">
-      <ElImage
+      <img
         :src="`https://api.star-history.com/svg?repos=142vip/core-x,142vip/408CSFamily,142vip/JavaScriptCollection&type=Date${
           isDark ? '&theme=dark' : ''
         }`"
         alt="Github Star History"
         class="img-border"
         title="Github Star History"
-      />
+      >
     </div>
   </section>
 

apps/vitepress-demo/.vitepress/theme/index.ts

@@ -1,24 +1,8 @@
-import { h } from 'vue'
-import DefaultTheme from 'vitepress/theme'
+import defineVipExtendsTheme from '@142vip/vitepress/theme'
 import './style.css'
-import type { Theme } from 'vitepress'
-import { VipBackTop } from '@142vip/vitepress/components'
-// 导入 element-plus样式
-// import 'element-plus/dist/index.css'
 
 /**
  * 自定义主题
  * 参考： https://vitepress.dev/guide/custom-theme
  */
-export default {
-  extends: DefaultTheme,
-  Layout: () => {
-    return h(DefaultTheme.Layout, null, {
-      // https://vitepress.dev/guide/extending-default-theme#layout-slots
-      'doc-bottom': () => h(VipBackTop),
-    })
-  },
-  // todo 查看这里的app、router、siteData的作用
-  enhanceApp() {
-  },
-} satisfies Theme
+export default defineVipExtendsTheme()