diff --git a/docs/package.json b/docs/package.json
index 9ea42549..75769eb0 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -6,6 +6,7 @@
   "author": "Burak Cakmakoglu<brainbraks@googlemail.com>",
   "scripts": {
     "dev": "vuepress dev src",
+    "prebuild": "yarn data",
     "build": "vuepress build src",
     "serve": "vuepress serve",
     "data": "node data.js"
diff --git a/docs/src/.vuepress/components.d.ts b/docs/src/.vuepress/components.d.ts
new file mode 100644
index 00000000..bb02a74c
--- /dev/null
+++ b/docs/src/.vuepress/components.d.ts
@@ -0,0 +1,21 @@
+// generated by unplugin-vue-components
+// We suggest you to commit this file into source control
+// Read more: https://github.com/vuejs/vue-next/pull/3399
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    Additional: typeof import('./../../components/home/Additional.vue')['default']
+    Banner: typeof import('./../../components/home/Banner.vue')['default']
+    Basic: typeof import('./../../components/home/Basic.vue')['default']
+    Box: typeof import('./../../components/home/nodes/Box.vue')['default']
+    Custom: typeof import('./../../components/home/edges/Custom.vue')['default']
+    Features: typeof import('./../../components/home/Features.vue')['default']
+    Home: typeof import('./../../components/home/Home.vue')['default']
+    Input: typeof import('./../../components/home/nodes/Input.vue')['default']
+    Nested: typeof import('./../../components/home/Nested.vue')['default']
+    Output: typeof import('./../../components/home/nodes/Output.vue')['default']
+    RGB: typeof import('./../../components/home/RGB.vue')['default']
+  }
+}
+
+export { }
diff --git a/docs/src/.vuepress/config.ts b/docs/src/.vuepress/config.ts
index 0d2ae003..040492a7 100644
--- a/docs/src/.vuepress/config.ts
+++ b/docs/src/.vuepress/config.ts
@@ -35,6 +35,7 @@ export default defineUserConfig<DefaultThemeOptions>({
           extensions: ['vue', 'md'],
           // allow auto import and register components used in markdown
           include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+          dts: resolve(__dirname, './components.d.ts'),
         }),
         Icons(),
       ],