diff --git a/packages/@vue/package.json b/packages/@vue/package.json
index 22449b9..a2ff385 100644
--- a/packages/@vue/package.json
+++ b/packages/@vue/package.json
@@ -41,6 +41,7 @@
     "@overlays/core": "workspace:^",
     "@vueuse/core": "^9.13.0",
     "pascal-case": "latest",
+    "vue": "^3",
     "vue-demi": ">=0.14.0"
   }
 }
diff --git a/packages/@vue/src/define/constructor.ts b/packages/@vue/src/define/constructor.ts
index 5157e9e..a42124e 100644
--- a/packages/@vue/src/define/constructor.ts
+++ b/packages/@vue/src/define/constructor.ts
@@ -1,7 +1,7 @@
 import { createConstructor } from '@overlays/core'
 import { pascalCase } from 'pascal-case'
-import type { AppContext, Component } from 'vue'
-import { createApp, defineComponent, h, provide } from 'vue'
+import type { AppContext, Component } from 'vue-demi'
+import { createApp, defineComponent, h, provide } from 'vue-demi'
 
 import { OverlayMetaKey } from '../internal'
 import { useVisibleScripts } from '../composable'
diff --git a/packages/@vue/src/utils/index.ts b/packages/@vue/src/utils/index.ts
index db3f678..864be1d 100644
--- a/packages/@vue/src/utils/index.ts
+++ b/packages/@vue/src/utils/index.ts
@@ -1,4 +1,4 @@
-import type { App, AppContext } from 'vue'
+import type { App, AppContext } from 'vue-demi'
 import { context } from '../internal'
 
 export function inheritParent(app: App<Element>, appContext?: AppContext) {