diff --git a/examples/app.vue b/examples/app.vue
index bd10ef35c4c151f9b50a5fb6c2b6b0ba070be914..961173a2878dd71e7bd564f61ce93896965beaeb 100644
--- a/examples/app.vue
+++ b/examples/app.vue
@@ -1,17 +1,26 @@
 <template>
-    <div class="upload-demo">
-        <k-upload @getFilesList="getFilesList" drag multiple accept="image/*"></k-upload>
-        <Button></Button>
+    <div class="Shake-demo">
+        <Shake>
+            用户名：<input type="text" />
+        </Shake>
+        <br>
+        <Shake v-model="trigger">
+            密&nbsp;&nbsp;&nbsp;码：<input type="text" />
+        </Shake>
+        <br>
+        <Button style="width:230px" type="primary" @click="trigger=true" size="small">登录</Button>
+        <k-upload>111</k-upload>
     </div>
 </template>
 <script lang="ts" setup>
-import { Button } from 'kitty-ui'
-const getFilesList = (files: File[]) => {
-    console.log(files)
-}
+import { Shake, Upload, Button } from 'kitty-ui'
+import { ref } from 'vue';
+const trigger = ref(true)
+
 </script>
 <style lang="less">
-.upload-demo {
+.Shake-demo {
     width: 360px;
+    padding: 350px;
 }
 </style>
diff --git a/examples/main.ts b/examples/main.ts
index 3419fc0cbe40e989808e4f21c6dcea3016f5646f..8f5b56f784f6facda8a760a367aec319390e96d8 100644
--- a/examples/main.ts
+++ b/examples/main.ts
@@ -2,5 +2,9 @@ import { createApp } from 'vue'
 import App from './app.vue'
 const app = createApp(App)
 import kittyui from "kitty-ui"
+import { Button } from 'kitty-ui'
 app.use(kittyui)
+app.use(Button)
+console.log(kittyui);
+
 app.mount('#app') 
\ No newline at end of file
diff --git a/examples/vite.config.ts b/examples/vite.config.ts
index 6027983ba32bfc99ee68124d7f239bf61747007a..91437cb937a4f641936728b359208599ca12d056 100644
--- a/examples/vite.config.ts
+++ b/examples/vite.config.ts
@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
-
+import DefineOptions from 'unplugin-vue-define-options/vite';
 export default defineConfig({
-    plugins:[vue()]
+    plugins: [vue(), DefineOptions()]
 })
\ No newline at end of file
diff --git a/package.json b/package.json
index d6743889507fd5e8e8e162e298e235603007bf95..9da75629c201f3a86ada195c55059bbc78e346b5 100644
--- a/package.json
+++ b/package.json
@@ -14,7 +14,7 @@
     "docs:serve": "pnpm run --filter ./site docs:serve",
     "exm:dev": "pnpm run --filter ./examples dev",
     "test": "pnpm run --filter ./packages/components test",
-    "coverage": "pnpm run --filter ./packages/components vitest run --coverage"
+    "coverage": "pnpm run --filter ./packages/components coverage"
   },
   "devDependencies": {
     "@types/gulp": "^4.0.9",
@@ -34,6 +34,7 @@
     "less": "^4.1.3",
     "sucrase": "^3.24.0",
     "typescript": "^4.7.4",
+    "unplugin-vue-define-options": "^0.12.2",
     "vite": "3.0.9",
     "vite-plugin-dts": "^1.4.1",
     "vite-plugin-libcss": "^1.0.5",
diff --git a/packages/components/index.ts b/packages/components/index.ts
index bd036dba634e8da3ca0b19136a2b5f5858e7d6a3..d20a92b70e3579038a6b868af2011f7a4e550622 100644
--- a/packages/components/index.ts
+++ b/packages/components/index.ts
@@ -1,9 +1,8 @@
-import * as components from './src/index'
+import components from './src/index'
 export * from './src/index'
+import { App } from 'vue'
 export default {
-    install: (app: any) => {
-        for (const comkey in components) {
-            app.component((components as any)[comkey].name, (components as any)[comkey])
-        }
+    install: (app: App) => {
+        components.forEach(c => app.use(c));
     }
 }
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index be2b4cb724f6a35d464ace183a839ce8b47e379a..a7d2b2ec908f3b9823395f209102902fb13e4659 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -1,4 +1,10 @@
-export { default as Button } from './button'
-export { default as Icon } from './icon'
-export { default as Link } from './link'
-export { default as Upload } from './upload'
+import { default as Button } from './button'
+import { default as Icon } from './icon'
+import { default as Link } from './link'
+import { default as Upload } from './upload'
+import { default as Shake } from './shake'
+import { Plugin } from 'vue'
+export {
+    Button, Icon, Link, Upload, Shake
+}
+export default [Button, Icon, Link, Upload, Shake] as Plugin[]
diff --git a/packages/components/src/shake/__tests__/shake.test.ts b/packages/components/src/shake/__tests__/shake.test.ts
new file mode 100644
index 0000000000000000000000000000000000000000..d8c68eb9f597440a17c997bd1edc15b90c3fa9b0
--- /dev/null
+++ b/packages/components/src/shake/__tests__/shake.test.ts
@@ -0,0 +1,26 @@
+import { describe, expect, it } from "vitest";
+import { mount } from '@vue/test-utils'
+import shake from '../shake.vue'
+// The component to test
+
+
+describe('test shake', () => {
+    it("should render slot", () => {
+        const wrapper = mount(shake, {
+            slots: {
+                default: 'Hello world'
+            }
+        })
+
+        // Assert the rendered text of the component
+        expect(wrapper.text()).toContain('Hello world')
+    })
+    it("should have class", () => {
+        const wrapper = mount(shake, {
+            props: {
+                modelValue: true
+            }
+        })
+        expect(wrapper.classes()).toContain('k-shakeactive')
+    })
+})
\ No newline at end of file
diff --git a/packages/components/src/shake/index.ts b/packages/components/src/shake/index.ts
new file mode 100644
index 0000000000000000000000000000000000000000..33b18fb3a4c88bc05d608d1dbcdbd32f63108c8a
--- /dev/null
+++ b/packages/components/src/shake/index.ts
@@ -0,0 +1,4 @@
+import shake from './shake.vue'
+import { withInstall } from '@kitty-ui/utils'
+const Shake = withInstall(shake)
+export default Shake
diff --git a/packages/components/src/shake/shake.vue b/packages/components/src/shake/shake.vue
new file mode 100644
index 0000000000000000000000000000000000000000..1e3e8ae01c2c3d1f562f223c510d3154878e1220
--- /dev/null
+++ b/packages/components/src/shake/shake.vue
@@ -0,0 +1,32 @@
+<template>
+    <div class="k-shake" :class="{['k-shakeactive']:props.modelValue}">
+        <slot />
+    </div>
+</template>
+<script lang='ts' setup>
+import { watch } from 'vue'
+defineOptions({
+    name: 'k-shake'
+})
+type ShakeProps = {
+    modelValue?: boolean
+}
+type Emits = {
+    (e: 'update:modelValue', value: boolean): void
+}
+const props = withDefaults(defineProps<ShakeProps>(), {
+    modelValue: false
+})
+
+const emits = defineEmits<Emits>()
+watch(() => props.modelValue, (newVal) => {
+    if (newVal) {
+        setTimeout(() => {
+            emits("update:modelValue", false)
+        }, 1000);
+    }
+
+}, { immediate: true })
+
+
+</script>
diff --git a/packages/components/src/shake/style/index.less b/packages/components/src/shake/style/index.less
new file mode 100644
index 0000000000000000000000000000000000000000..c586fe042277209f58d886936956cc0c8a106ecd
--- /dev/null
+++ b/packages/components/src/shake/style/index.less
@@ -0,0 +1,31 @@
+@keyframes shake {
+
+    10%,
+    90% {
+        transform: translate3d(-1px, 0, 0);
+    }
+
+    20%,
+    80% {
+        transform: translate3d(2px, 0, 0);
+    }
+
+    30%,
+    70% {
+        transform: translate3d(-4px, 0, 0);
+    }
+
+    40%,
+    60% {
+        transform: translate3d(4px, 0, 0);
+    }
+
+    50%,
+    50% {
+        transform: translate3d(-4px, 0, 0);
+    }
+}
+
+.k-shake.k-shakeactive {
+    animation: shake 1s linear;
+}
\ No newline at end of file
diff --git a/packages/components/src/shake/types.ts b/packages/components/src/shake/types.ts
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/packages/components/src/upload/dragger.vue b/packages/components/src/upload/dragger.vue
index a59a8870aaed94f912237c4dc6a2780f31460dd5..09163c8d329ac6e8971d40bbabb81d0d9b7b8740 100644
--- a/packages/components/src/upload/dragger.vue
+++ b/packages/components/src/upload/dragger.vue
@@ -34,7 +34,7 @@ const onDragover = (e: Event) => {
   if (timer.value !== null) {
     clearTimeout(timer.value);
   }
-  timer.value = setTimeout(() => {
+  timer.value = window.setTimeout(() => {
     isEnter.value = false;
     timer.value = null;
   }, 100);
diff --git a/packages/components/src/upload/types.ts b/packages/components/src/upload/types.ts
deleted file mode 100644
index 76e1deb3cb21ef3e28a67f049938fde9c57279da..0000000000000000000000000000000000000000
--- a/packages/components/src/upload/types.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-
-import { ExtractPropTypes } from 'vue'
-
-
-export const uploadType = {
-    multiple: Boolean,
-    accept: String,
-    drag: Boolean
-}
-
-export type UploadType = ExtractPropTypes<typeof uploadType>
-
-
diff --git a/packages/components/src/upload/upload.vue b/packages/components/src/upload/upload.vue
index 58433d742ee45df6e363892f68041683ece5cfb9..9ae609f51c95f56949b7a018879ed3507c9dfb4a 100644
--- a/packages/components/src/upload/upload.vue
+++ b/packages/components/src/upload/upload.vue
@@ -19,28 +19,25 @@
         </div>
     </div>
 </template>
-<script lang="ts">
-import { defineComponent } from 'vue'
-import { type } from 'os'
-export default defineComponent({
-    name: 'k-upload'
-});
-</script>
+
 <script setup lang="ts">
 import './style/index.less'
 import { ref } from 'vue'
 import Icon from '../icon/icon.vue'
-import { uploadType } from './types'
 import Drager from './dragger.vue'
+
 export type Emits = {
     (e: 'getFilesList', value: File[]): void
 }
-
-const props = defineProps<{
-    multiple: boolean,
-    accept: string,
-    drag: boolean
-}>()
+defineOptions({
+    name: 'k-upload',
+});
+type UploadType = {
+    multiple?: boolean,
+    accept?: string,
+    drag?: boolean,
+}
+const props = defineProps<UploadType>()
 const kIpt = ref()
 
 const emits = defineEmits<Emits>()
diff --git a/packages/components/transitpkg/package.json b/packages/components/transitpkg/package.json
index 09abf7f1b88aa9eeddcbe24769823b0bb63af091..ee47812c78b39c952d8303afc5adcb0d16511ded 100644
--- a/packages/components/transitpkg/package.json
+++ b/packages/components/transitpkg/package.json
@@ -1,6 +1,6 @@
 {
   "name": "kitty-ui",
-  "version": "4.0.2",
+  "version": "4.0.3",
   "main": "lib/index.js",
   "module": "es/index.mjs",
   "files": [
diff --git a/packages/components/utils.d.ts b/packages/components/utils.d.ts
new file mode 100644
index 0000000000000000000000000000000000000000..64df3e5fa20a868884e61dd6bd68e7f40f6d5abb
--- /dev/null
+++ b/packages/components/utils.d.ts
@@ -0,0 +1 @@
+declare const defineOptions: (params: any) => {}
\ No newline at end of file
diff --git a/packages/components/vite.config.ts b/packages/components/vite.config.ts
index a6a77da9a666a8a3650b4e5f21862d6fcf710ccd..aad2c740b9fce45b721ed9b001b49f852f58814e 100644
--- a/packages/components/vite.config.ts
+++ b/packages/components/vite.config.ts
@@ -3,6 +3,7 @@ import { defineConfig } from "vite";
 import vue from "@vitejs/plugin-vue"
 import dts from 'vite-plugin-dts'
 import { resolve } from 'path'
+import DefineOptions from 'unplugin-vue-define-options/vite';
 export default defineConfig(
     {
         build: {
@@ -50,6 +51,7 @@ export default defineConfig(
 
         plugins: [
             vue(),
+            DefineOptions(),
             dts({
                 entryRoot: 'src',
                 outputDir: [resolve(__dirname, './dist/es/src'), resolve(__dirname, './dist/lib/src')],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 97024e613b7c21ba44651537288c24c066aba7df..290c9512103327108d049f7943058c5bd3f28b2a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,7 @@ importers:
       less: ^4.1.3
       sucrase: ^3.24.0
       typescript: ^4.7.4
+      unplugin-vue-define-options: ^0.12.2
       vite: 3.0.9
       vite-plugin-dts: ^1.4.1
       vite-plugin-libcss: ^1.0.5
@@ -44,6 +45,7 @@ importers:
       less: 4.1.3
       sucrase: 3.24.0
       typescript: 4.7.4
+      unplugin-vue-define-options: 0.12.2
       vite: 3.0.9_less@4.1.3
       vite-plugin-dts: 1.4.1_vite@3.0.9
       vite-plugin-libcss: 1.0.5_vite@3.0.9
@@ -199,8 +201,13 @@ packages:
       '@algolia/requester-common': 4.14.2
     dev: true
 
-  /@babel/helper-validator-identifier/7.18.6:
-    resolution: {integrity: sha512-MmetCkz9ej86nJQV+sFCxoGGrUbU3q02kgLciwkrt9QqEB7cP39oKEY0PakknEO0Gu20SskMRi+AYZ3b1TpN9g==}
+  /@babel/helper-string-parser/7.19.4:
+    resolution: {integrity: sha512-nHtDoQcuqFmwYNYPz3Rah5ph2p8PFeFCsZk9A/48dPc/rGocJ5J3hAAZ7pb76VWX3fZKu+uEr/FhH5jLx7umrw==}
+    engines: {node: '>=6.9.0'}
+    dev: true
+
+  /@babel/helper-validator-identifier/7.19.1:
+    resolution: {integrity: sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==}
     engines: {node: '>=6.9.0'}
     dev: true
 
@@ -209,14 +216,23 @@ packages:
     engines: {node: '>=6.0.0'}
     hasBin: true
     dependencies:
-      '@babel/types': 7.18.7
+      '@babel/types': 7.19.4
     dev: true
 
-  /@babel/types/7.18.7:
-    resolution: {integrity: sha512-QG3yxTcTIBoAcQmkCs+wAPYZhu7Dk9rXKacINfNbdJDNERTbLQbHGyVG8q/YGMPeCJRIhSY0+fTc5+xuh6WPSQ==}
+  /@babel/parser/7.19.4:
+    resolution: {integrity: sha512-qpVT7gtuOLjWeDTKLkJ6sryqLliBaFpAtGeqw5cs5giLldvh+Ch0plqnUMKoVAUS6ZEueQQiZV+p5pxtPitEsA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+    dependencies:
+      '@babel/types': 7.19.4
+    dev: true
+
+  /@babel/types/7.19.4:
+    resolution: {integrity: sha512-M5LK7nAeS6+9j7hAq+b3fQs+pNfUtTGq+yFFfHnauFA8zQtLRfmuipmsKDKKLuyG+wC8ABW43A153YNawNTEtw==}
     engines: {node: '>=6.9.0'}
     dependencies:
-      '@babel/helper-validator-identifier': 7.18.6
+      '@babel/helper-string-parser': 7.19.4
+      '@babel/helper-validator-identifier': 7.19.1
       to-fast-properties: 2.0.0
     dev: true
 
@@ -343,6 +359,14 @@ packages:
       fastq: 1.13.0
     dev: true
 
+  /@rollup/pluginutils/4.2.1:
+    resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
+    engines: {node: '>= 8.0.0'}
+    dependencies:
+      estree-walker: 2.0.2
+      picomatch: 2.3.1
+    dev: true
+
   /@rushstack/node-core-library/3.49.0:
     resolution: {integrity: sha512-yBJRzGgUNFwulVrwwBARhbGaHsxVMjsZ9JwU1uSBbqPYCdac+t2HYdzi4f4q/Zpgb0eNbwYj2yxgHYpJORNEaw==}
     dependencies:
@@ -527,15 +551,33 @@ packages:
       vue: 3.2.37
     dev: true
 
+  /@vue-macros/common/0.12.2:
+    resolution: {integrity: sha512-IxLvuJ2/ixGxNJJAg3kHi2KOHgEpSvEXSGstimp3tB/3eDGM9nvyAqgdWjFyFxKxg0LgyRmvaS4+iaq+c4FoPw==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/types': 7.19.4
+      '@vue/compiler-sfc': 3.2.41
+      magic-string: 0.26.7
+    dev: true
+
   /@vue/compiler-core/3.2.37:
     resolution: {integrity: sha512-81KhEjo7YAOh0vQJoSmAD68wLfYqJvoiD4ulyedzF+OEk/bk6/hx3fTNVfuzugIIaTrOx4PGx6pAiBRe5e9Zmg==}
     dependencies:
-      '@babel/parser': 7.18.6
+      '@babel/parser': 7.19.4
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       source-map: 0.6.1
     dev: true
 
+  /@vue/compiler-core/3.2.41:
+    resolution: {integrity: sha512-oA4mH6SA78DT+96/nsi4p9DX97PHcNROxs51lYk7gb9Z4BPKQ3Mh+BLn6CQZBw857Iuhu28BfMSRHAlPvD4vlw==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      source-map: 0.6.1
+    dev: true
+
   /@vue/compiler-dom/3.2.37:
     resolution: {integrity: sha512-yxJLH167fucHKxaqXpYk7x8z7mMEnXOw3G2q62FTkmsvNxu4FQSu5+3UMb+L7fjKa26DEzhrmCxAgFLLIzVfqQ==}
     dependencies:
@@ -543,6 +585,13 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
+  /@vue/compiler-dom/3.2.41:
+    resolution: {integrity: sha512-xe5TbbIsonjENxJsYRbDJvthzqxLNk+tb3d/c47zgREDa/PCp6/Y4gC/skM4H6PIuX5DAxm7fFJdbjjUH2QTMw==}
+    dependencies:
+      '@vue/compiler-core': 3.2.41
+      '@vue/shared': 3.2.41
+    dev: true
+
   /@vue/compiler-sfc/3.2.37:
     resolution: {integrity: sha512-+7i/2+9LYlpqDv+KTtWhOZH+pa8/HnX/905MdVmAcI/mPQOBwkHHIzrsEsucyOIZQYMkXUiTkmZq5am/NyXKkg==}
     dependencies:
@@ -558,6 +607,21 @@ packages:
       source-map: 0.6.1
     dev: true
 
+  /@vue/compiler-sfc/3.2.41:
+    resolution: {integrity: sha512-+1P2m5kxOeaxVmJNXnBskAn3BenbTmbxBxWOtBq3mQTCokIreuMULFantBUclP0+KnzNCMOvcnKinqQZmiOF8w==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/compiler-core': 3.2.41
+      '@vue/compiler-dom': 3.2.41
+      '@vue/compiler-ssr': 3.2.41
+      '@vue/reactivity-transform': 3.2.41
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+      postcss: 8.4.16
+      source-map: 0.6.1
+    dev: true
+
   /@vue/compiler-ssr/3.2.37:
     resolution: {integrity: sha512-7mQJD7HdXxQjktmsWp/J67lThEIcxLemz1Vb5I6rYJHR5vI+lON3nPGOH3ubmbvYGt8xEUaAr1j7/tIFWiEOqw==}
     dependencies:
@@ -565,6 +629,13 @@ packages:
       '@vue/shared': 3.2.37
     dev: true
 
+  /@vue/compiler-ssr/3.2.41:
+    resolution: {integrity: sha512-Y5wPiNIiaMz/sps8+DmhaKfDm1xgj6GrH99z4gq2LQenfVQcYXmHIOBcs5qPwl7jaW3SUQWjkAPKMfQemEQZwQ==}
+    dependencies:
+      '@vue/compiler-dom': 3.2.41
+      '@vue/shared': 3.2.41
+    dev: true
+
   /@vue/devtools-api/6.2.1:
     resolution: {integrity: sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==}
     dev: true
@@ -572,13 +643,23 @@ packages:
   /@vue/reactivity-transform/3.2.37:
     resolution: {integrity: sha512-IWopkKEb+8qpu/1eMKVeXrK0NLw9HicGviJzhJDEyfxTR9e1WtpnnbYkJWurX6WwoFP0sz10xQg8yL8lgskAZg==}
     dependencies:
-      '@babel/parser': 7.18.6
+      '@babel/parser': 7.19.4
       '@vue/compiler-core': 3.2.37
       '@vue/shared': 3.2.37
       estree-walker: 2.0.2
       magic-string: 0.25.9
     dev: true
 
+  /@vue/reactivity-transform/3.2.41:
+    resolution: {integrity: sha512-mK5+BNMsL4hHi+IR3Ft/ho6Za+L3FA5j8WvreJ7XzHrqkPq8jtF/SMo7tuc9gHjLDwKZX1nP1JQOKo9IEAn54A==}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@vue/compiler-core': 3.2.41
+      '@vue/shared': 3.2.41
+      estree-walker: 2.0.2
+      magic-string: 0.25.9
+    dev: true
+
   /@vue/reactivity/3.2.37:
     resolution: {integrity: sha512-/7WRafBOshOc6m3F7plwzPeCu/RCVv9uMpOwa/5PiY1Zz+WLVRWiy0MYKwmg19KBdGtFWsmZ4cD+LOdVPcs52A==}
     dependencies:
@@ -614,6 +695,10 @@ packages:
     resolution: {integrity: sha512-4rSJemR2NQIo9Klm1vabqWjD8rs/ZaJSzMxkMNeJS6lHiUjjUeYFbooN19NgFjztubEKh3WlZUeOLVdbbUWHsw==}
     dev: true
 
+  /@vue/shared/3.2.41:
+    resolution: {integrity: sha512-W9mfWLHmJhkfAmV+7gDjcHeAWALQtgGT3JErxULl0oz6R6+3ug91I7IErs93eCFhPCZPHBs4QJS7YWEV7A3sxw==}
+    dev: true
+
   /@vue/test-utils/2.0.2_vue@3.2.37:
     resolution: {integrity: sha512-E2P4oXSaWDqTZNbmKZFVLrNN/siVN78YkEqs7pHryWerrlZR9bBFLWdJwRoguX45Ru6HxIflzKl4vQvwRMwm5g==}
     peerDependencies:
@@ -647,6 +732,12 @@ packages:
       - vue
     dev: true
 
+  /acorn/8.8.0:
+    resolution: {integrity: sha512-QOxyigPVrpZ2GXT+PFyZTl6TtOFc5egxHIP9IlQ+RbupQuX4RkT/Bee4/kQuC02Xkzg84JcT7oLYtDIQxp+v7w==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+    dev: true
+
   /aggregate-error/4.0.1:
     resolution: {integrity: sha512-0poP0T7el6Vq3rstR8Mn4V/IQrpBLO6POkUSrN7RhyY+GF/InCFShQzsQ39T25gkHhLgSLByyAz+Kjb+c2L98w==}
     engines: {node: '>=12'}
@@ -843,6 +934,14 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /ast-walker-scope/0.2.3:
+    resolution: {integrity: sha512-9reB+iYF6jCCDqKDNNQI8iA2MJcy0jCLvEjfya72F7Zai5i2CB8hk9K/kzkZhagja9othQCFPEvQW11LhPKjmg==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@babel/parser': 7.19.4
+      '@babel/types': 7.19.4
+    dev: true
+
   /async-done/1.3.2:
     resolution: {integrity: sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==}
     engines: {node: '>= 0.10'}
@@ -2823,6 +2922,13 @@ packages:
       sourcemap-codec: 1.4.8
     dev: true
 
+  /magic-string/0.26.7:
+    resolution: {integrity: sha512-hX9XH3ziStPoPhJxLq1syWuZMxbDvGNbVchfrdCtanC7D13888bMFow61x8axrx+GfHLtVeAx2kxL7tTGRl+Ow==}
+    engines: {node: '>=12'}
+    dependencies:
+      sourcemap-codec: 1.4.8
+    dev: true
+
   /make-dir/2.1.0:
     resolution: {integrity: sha512-LS9X+dc8KLxXCb8dni79fLIIUA5VyZoyjSMCwTluaXA0o27cCK0bhXkpgw+sTXVpPy/lSO57ilRixqk0vDmtRA==}
     engines: {node: '>=6'}
@@ -4207,6 +4313,25 @@ packages:
     engines: {node: '>= 10.0.0'}
     dev: true
 
+  /unplugin-vue-define-options/0.12.2:
+    resolution: {integrity: sha512-RQd+JWKx7Z1kKVq5X+K8yBv5h1Of//R6DHY0kF2cF9NPgTxu5u1pfaL24Dup0mQ+5ulrPaiEXti5G/bWMMg+Ig==}
+    engines: {node: '>=14.19.0'}
+    dependencies:
+      '@rollup/pluginutils': 4.2.1
+      '@vue-macros/common': 0.12.2
+      ast-walker-scope: 0.2.3
+      unplugin: 0.9.6
+    dev: true
+
+  /unplugin/0.9.6:
+    resolution: {integrity: sha512-YYLtfoNiie/lxswy1GOsKXgnLJTE27la/PeCGznSItk+8METYZErO+zzV9KQ/hXhPwzIJsfJ4s0m1Rl7ZCWZ4Q==}
+    dependencies:
+      acorn: 8.8.0
+      chokidar: 3.5.3
+      webpack-sources: 3.2.3
+      webpack-virtual-modules: 0.4.5
+    dev: true
+
   /unset-value/1.0.0:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
@@ -4530,6 +4655,15 @@ packages:
     engines: {node: '>=12'}
     dev: true
 
+  /webpack-sources/3.2.3:
+    resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
+    engines: {node: '>=10.13.0'}
+    dev: true
+
+  /webpack-virtual-modules/0.4.5:
+    resolution: {integrity: sha512-8bWq0Iluiv9lVf9YaqWQ9+liNgXSHICm+rg544yRgGYaR8yXZTVBaHZkINZSB2yZSWo4b0F6MIxqJezVfOEAlg==}
+    dev: true
+
   /whatwg-encoding/2.0.0:
     resolution: {integrity: sha512-p41ogyeMUrw3jWclHWTQg1k05DSVXPLcVxRTYsXUk+ZooOCZLcoYgPZ/HL/D/N+uQPOtcp1me1WhBEaX02mhWg==}
     engines: {node: '>=12'}
diff --git a/tsconfig.json b/tsconfig.json
index cd9a6b0862587d8cfd2af044f00ef97ae39293b5..cbd9bb3034a184f4613bcc185c95493b3ca3048b 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -8,6 +8,7 @@
     "skipLibCheck": true,
     "esModuleInterop": true,
     "moduleResolution": "Node",
+    "types": ["unplugin-vue-define-options"],
     "lib": ["esnext", "dom"],
     "rootDirs": ["./", "./packages/components"],
     "paths": {