diff --git a/runtime/vue2/page/App.vue b/runtime/vue2/page/App.vue
index 909f2070..90a5fd7c 100644
--- a/runtime/vue2/page/App.vue
+++ b/runtime/vue2/page/App.vue
@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
+import { defineComponent, inject } from 'vue';
 
 import type { Page } from '@tmagic/core';
 import Core from '@tmagic/core';
diff --git a/runtime/vue2/playground/App.vue b/runtime/vue2/playground/App.vue
index f4302807..eec601d6 100644
--- a/runtime/vue2/playground/App.vue
+++ b/runtime/vue2/playground/App.vue
@@ -1,17 +1,11 @@
 <template>
-  <magic-ui-page v-if="pageConfig" :config="pageConfig" :key="pageConfig.id"></magic-ui-page>
+  <magic-ui-page v-if="pageConfig" :key="pageConfig.id" :config="pageConfig"></magic-ui-page>
 </template>
 
 <script lang="ts">
 import { defineComponent } from 'vue';
 
 import { useEditorDsl } from '@tmagic/vue-runtime-help';
-declare global {
-  interface Window {
-    magic: Magic;
-    appInstance: Core;
-  }
-}
 
 export default defineComponent({
   setup() {
diff --git a/runtime/vue3/page/App.vue b/runtime/vue3/page/App.vue
index 76860159..a1ce8743 100644
--- a/runtime/vue3/page/App.vue
+++ b/runtime/vue3/page/App.vue
@@ -3,6 +3,8 @@
 </template>
 
 <script lang="ts" setup>
+import { inject } from 'vue';
+
 import type { Page } from '@tmagic/core';
 import Core from '@tmagic/core';
 import { addParamToUrl } from '@tmagic/utils';