diff --git a/.github/workflows/gh-pages.yml b/.github/workflows/gh-pages.yml
index d55143f..3176bdc 100644
--- a/.github/workflows/gh-pages.yml
+++ b/.github/workflows/gh-pages.yml
@@ -2,8 +2,8 @@ name: Gh Pages
 
 on:
   push:
-    branches: 
-      - "master"
+    branches:
+      - 'master'
 
 jobs:
   build-and-deploy:
diff --git a/build/build.js b/build/build.js
index 8e5fa9f..ba556e8 100644
--- a/build/build.js
+++ b/build/build.js
@@ -44,12 +44,7 @@ webpack(webpackConfig, (err, stats) => {
     });
 
     buildTypesProcess.on('close', () => {
-      console.log(chalk.cyan('Build types complete.\n'));
-
-      fs.copyFile('types/components/Tree/index.d.ts', 'lib/vue-json-pretty.d.ts', err => {
-        if (err) throw err;
-        console.log(chalk.cyan('Build major d.ts complete.\n'));
-      });
+      console.log(chalk.cyan('Build types(.d.ts) complete.\n'));
     });
   }
 });
diff --git a/example/SelectControl.vue b/example/SelectControl.vue
index c65e54a..37ac039 100644
--- a/example/SelectControl.vue
+++ b/example/SelectControl.vue
@@ -154,7 +154,7 @@ export default defineComponent({
       state.itemData = !data ? data + '' : data; // 处理 data = null 的情况
     };
 
-    const handleChange = (newVal, oldVal) => {
+    const handleChange = () => {
       // console.log('newVal: ', newVal, ' oldVal: ', oldVal);
     };
 
diff --git a/package-lock.json b/package-lock.json
index 525cbc5..80f243a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4890,9 +4890,9 @@
       "dev": true
     },
     "ini": {
-      "version": "1.3.5",
-      "resolved": "https://registry.npm.taobao.org/ini/download/ini-1.3.5.tgz",
-      "integrity": "sha1-7uJfVtscnsYIXgwid4CD9Zar+Sc=",
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==",
       "dev": true
     },
     "interpret": {
diff --git a/package.json b/package.json
index ac241e6..a6a025d 100644
--- a/package.json
+++ b/package.json
@@ -12,6 +12,7 @@
     "test": "cypress open",
     "lint": "eslint --ext .ts,.tsx,.vue src example"
   },
+  "typings": "types/index.d.ts",
   "repository": {
     "type": "git",
     "url": "git@github.com:leezng/vue-json-pretty.git"
diff --git a/src/index.ts b/src/index.ts
index 5222e77..5d803dd 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,3 +1,4 @@
+import { defineComponent } from 'vue';
 import Tree from './components/Tree';
 
-export default Tree;
+export default defineComponent(Tree);
diff --git a/tsconfig.dts.json b/tsconfig.dts.json
index fdf8131..c0935ea 100644
--- a/tsconfig.dts.json
+++ b/tsconfig.dts.json
@@ -9,8 +9,8 @@
     "declarationDir": "types"
   },
   "include": [
-    "src/components/**/*.ts",
-    "src/components/**/*.tsx",
-    "src/components/**/*.vue"
+    "src/**/*.ts",
+    "src/**/*.tsx",
+    "src/**/*.vue"
   ],
 }