chore

docs/.vitepress/theme/components/MoneyCalculator/index.vue

@@ -0,0 +1,7 @@
+<template>
+  <div>999</div>
+</template>
+
+<script setup lang="ts"></script>
+
+<style scoped></style>

docs/.vitepress/theme/index.js

@@ -2,13 +2,19 @@ import DefaultTheme from 'vitepress/theme'
 import ElementPlus from 'element-plus'
 import 'element-plus/dist/index.css'
 
+
+const components = import.meta.glob(['./components/*/index.vue',], { eager: true });
+
 /** @type {import('vitepress').Theme} */
 export default {
     extends: DefaultTheme,
     enhanceApp({ app }) {
-        // register your custom global components
-        // app.component('MyGlobalComponent' /* ... */)
 
         app.use(ElementPlus)
+
+        for (let key in components) {
+            let [, name] = /[\/\\]([^\/\\]+)[\/\\]index\.vue/.exec(key);
+            app.component(name, components[key].default);
+        }
     }
 }

docs/markdown-examples.md

@@ -2,6 +2,8 @@
 
 This page demonstrates some of the built-in markdown extensions provided by VitePress.
 
+<MoneyCalculator />
+
 ## Syntax Highlighting
 
 VitePress provides Syntax Highlighting powered by [Shikiji](https://github.com/antfu/shikiji), with additional features like line-highlighting: