diff --git a/runtime/vue-runtime-help/package.json b/runtime/vue-runtime-help/package.json
index 76b7b856..f2f81f0c 100644
--- a/runtime/vue-runtime-help/package.json
+++ b/runtime/vue-runtime-help/package.json
@@ -1,5 +1,5 @@
 {
-  "version": "1.1.0",
+  "version": "1.1.1",
   "name": "@tmagic/vue-runtime-help",
   "type": "module",
   "sideEffects": false,
diff --git a/runtime/vue-runtime-help/src/hooks/use-dsl.ts b/runtime/vue-runtime-help/src/hooks/use-dsl.ts
index fdc356ee..e237332f 100644
--- a/runtime/vue-runtime-help/src/hooks/use-dsl.ts
+++ b/runtime/vue-runtime-help/src/hooks/use-dsl.ts
@@ -1,12 +1,10 @@
 import { inject, nextTick, onBeforeUnmount, reactive, ref } from 'vue-demi';
 
-import type TMagicCore from '@tmagic/core';
+import type TMagicApp from '@tmagic/core';
 import type { ChangeEvent, MNode } from '@tmagic/core';
 import { isPage, replaceChildNode } from '@tmagic/core';
 
-export const useDsl = () => {
-  const app = inject<TMagicCore>('app');
-
+export const useDsl = (app = inject<TMagicApp>('app')) => {
   if (!app) {
     throw new Error('useDsl must be used after MagicApp is created');
   }
diff --git a/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts b/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
index 2455378a..bcebf1d2 100644
--- a/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
+++ b/runtime/vue-runtime-help/src/hooks/use-editor-dsl.ts
@@ -11,9 +11,7 @@ declare global {
   }
 }
 
-export const useEditorDsl = (win = window) => {
-  const app = inject<TMagicApp>('app');
-
+export const useEditorDsl = (app = inject<TMagicApp>('app'), win = window) => {
   const root = ref<MApp>();
   const curPageId = ref<Id>();
   const selectedId = ref<Id>();