From 6f22f963b437c5573ab682cca797f127d3361e1f Mon Sep 17 00:00:00 2001
From: aibayanyu <aibayanyu@qq.com>
Date: Fri, 10 Mar 2023 22:18:22 +0800
Subject: [PATCH] feat: add global register

---
 components/components.ts       |  1 +
 components/index.ts            | 16 +++++++++++-----
 site/.vitepress/theme/index.ts |  2 ++
 site/demos/button/basic.vue    |  4 +++-
 4 files changed, 17 insertions(+), 6 deletions(-)
 create mode 100644 components/components.ts

diff --git a/components/components.ts b/components/components.ts
new file mode 100644
index 0000000..9743944
--- /dev/null
+++ b/components/components.ts
@@ -0,0 +1 @@
+export { default as Button } from './button'
diff --git a/components/index.ts b/components/index.ts
index 06a8e46..d03184f 100644
--- a/components/index.ts
+++ b/components/index.ts
@@ -1,7 +1,13 @@
-export {}
+import type { App } from 'vue'
+import * as components from './components'
 
-const aaa = () => {
-  // TODO
+export default {
+  install(app: App) {
+    for (const componentsKey in components) {
+      const component = (components as any)[componentsKey]
+      if (component.install) {
+        app.use(component)
+      }
+    }
+  }
 }
-
-export default aaa
diff --git a/site/.vitepress/theme/index.ts b/site/.vitepress/theme/index.ts
index 486972a..7063c2e 100644
--- a/site/.vitepress/theme/index.ts
+++ b/site/.vitepress/theme/index.ts
@@ -2,11 +2,13 @@ import type { Theme } from 'vitepress'
 // eslint-disable-next-line import/no-named-as-default
 import DefaultTheme from 'vitepress/theme'
 import { AntdTheme } from 'vite-plugin-vitepress-demo/theme'
+import Antd from '../../../components'
 
 export default {
   ...DefaultTheme,
   enhanceApp(ctx) {
     DefaultTheme.enhanceApp?.(ctx)
     ctx.app.component('Demo', AntdTheme)
+    ctx.app.use(Antd)
   }
 } as Theme
diff --git a/site/demos/button/basic.vue b/site/demos/button/basic.vue
index 89b66b1..bbfa221 100644
--- a/site/demos/button/basic.vue
+++ b/site/demos/button/basic.vue
@@ -10,7 +10,9 @@ title: 基础按钮
 <script lang="ts" setup></script>
 
 <template>
-  <div></div>
+  <div>
+    <a-button>这是按钮</a-button>
+  </div>
 </template>
 
 <style scoped></style>