feat(vitepress): 注册 MNavLinks 为全局组件

maomao1996 · Dec 26, 2023 · 2e3f4fb · 2e3f4fb · vercel · Dec 26, 2023
1 parent e9b1b54
commit 2e3f4fb
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 4 deletions.
diff --git a/docs/nav/components/MNavLink.vue → .../.vitepress/theme/components/MNavLink.vue b/docs/nav/components/MNavLink.vue → .../.vitepress/theme/components/MNavLink.vue
@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { withBase } from 'vitepress'
 import { slugify } from '@mdit-vue/shared'
 
-import { NavLink } from './type'
+import { NavLink } from '../types'
 
 const props = defineProps<{
   icon?: NavLink['icon']

diff --git a/docs/nav/components/MNavLinks.vue → ....vitepress/theme/components/MNavLinks.vue b/docs/nav/components/MNavLinks.vue → ....vitepress/theme/components/MNavLinks.vue
@@ -3,7 +3,7 @@ import { computed } from 'vue'
 import { slugify } from '@mdit-vue/shared'
 
 import MNavLink from './MNavLink.vue'
-import type { NavLink } from './type'
+import type { NavLink } from '../types'
 
 const props = defineProps<{
   title: string

diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
@@ -4,6 +4,8 @@ import DefaultTheme from 'vitepress/theme'
 
 import { createMediumZoomProvider } from './composables/useMediumZoom'
 
+import MNavLinks from './components/MNavLinks.vue'
+
 import './styles/index.scss'
 
 let homePageStyle: HTMLStyleElement | undefined
@@ -25,6 +27,8 @@ export default {
   enhanceApp({ app, router }: EnhanceAppContext) {
     createMediumZoomProvider(app, router)
 
+    app.component('MNavLinks', MNavLinks)
+
     if (typeof window !== 'undefined') {
       watch(
         () => router.route.data.relativePath,

diff --git a/docs/nav/components/type.ts → docs/.vitepress/theme/types.ts b/docs/nav/components/type.ts → docs/.vitepress/theme/types.ts
diff --git a/docs/nav/index.md b/docs/nav/index.md
@@ -4,8 +4,6 @@ outline: [2, 3, 4]
 ---
 
 <script setup>
-import MNavLinks from './components/MNavLinks.vue'
-
 import { NAV_DATA } from './data'
 </script>
 <style src="./index.scss"></style>