Merge pull request #184 from 142vip/feat/vitepress-type

feat: 简化`vitepress`博客配置和类型，移除`element-plus`组件的手动导入

Author: mmdapl

.vitepress/config.ts

@@ -1,15 +1,15 @@
 import path from 'node:path'
 import { defineConfig } from 'vitepress'
-import type { DefaultTheme } from 'vitepress/types/default-theme'
 import { getThemeConfig, getVipFooter, zhSearch } from '@142vip/vitepress'
 import { OPEN_SOURCE_ADDRESS, getDocSiteBase } from '@142vip/utils'
+import type { NavbarConfig } from '@142vip/vitepress'
 import { name as pkgName, version as pkgVersion } from '../package.json'
 import { getChangelogsSidebar, sidebarConfig } from './sidebar'
 
 /**
  * 导航栏
  */
-const navbarConfig: DefaultTheme.NavItem[] = [
+const navbarConfig: NavbarConfig = [
   {
     text: '🔥 首页',
     link: '/docs/index.md',

.vitepress/sidebar.ts

@@ -1,4 +1,4 @@
-import type { VipProject } from '@142vip/vitepress'
+import type { SidebarConfig, VipProject } from '@142vip/vitepress'
 import type { DefaultTheme } from 'vitepress/types/default-theme'
 import { pick } from '@142vip/vitepress'
 
@@ -14,7 +14,7 @@ enum ProjectId {
 /**
  * 侧边栏
  */
-export const sidebarConfig: DefaultTheme.SidebarItem[] = [
+export const sidebarConfig: SidebarConfig = [
   {
     text: `🏆 ${ProjectId.Infra}`,
     items: [

.vitepress/theme/components/HomePage.vue

@@ -1,25 +1,18 @@
 <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'
 import { getCoreProjectData, getExampleDemoTableData } from '../../sidebar'
 
 const { isDark } = useData()
 const coreProjectTableData = ref<any[]>([])
 const exampleDemoTableData = ref()
 
-defineComponent({
-  components: {
-    ElImage,
-  },
-})
-
 /**
  * 异步加载表格数据
  */
@@ -87,14 +80,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' : ''
         }`"
         class="img-border"
         alt="Github Star History"
         title="Github Star History"
-      />
+      >
     </div>
   </section>
 

.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()