diff --git a/package.json b/package.json index 492509cfe..594058337 100644 --- a/package.json +++ b/package.json @@ -60,6 +60,7 @@ "prepare": "simple-git-hooks", "test": "vitest --environment jsdom", "play": "turbo dev --filter=./packages/playground/basic", + "play:vapor": "turbo dev --filter=./packages/playground/vapor", "play:applet": "turbo dev --filter=./packages/playground/applet", "play:ui": "turbo dev --filter=./packages/playground/ui", "play:multi-app": "turbo dev --filter=./packages/playground/multi-app", diff --git a/packages/devtools-kit/src/hook/index.ts b/packages/devtools-kit/src/hook/index.ts index 931ff43db..e21451c1b 100644 --- a/packages/devtools-kit/src/hook/index.ts +++ b/packages/devtools-kit/src/hook/index.ts @@ -96,9 +96,15 @@ export function subscribeDevToolsHook(hook: DevToolsHook) { // component added hook hook.on(DevToolsHooks.COMPONENT_ADDED, async (app, uid, parentUid, component) => { + if (component.vapor) { + app = component.appContext.app + uid = component.uid + parentUid = component.parent?.uid + devtoolsHooks.callHook(DevToolsHooks.COMPONENT_ADDED, app, uid, parentUid, component) + return + } if (app?._instance?.type?.devtools?.hide || devtoolsState.highPerfModeEnabled) return - if (!app || (typeof uid !== 'number' && !uid) || !component) return diff --git a/packages/playground/basic/src/App.vue b/packages/playground/basic/src/App.vue index 081c86f17..7093671cd 100644 --- a/packages/playground/basic/src/App.vue +++ b/packages/playground/basic/src/App.vue @@ -1,8 +1,11 @@