From 7ae441580b346a24204aabd8304a7ec5ac5eb77d Mon Sep 17 00:00:00 2001 From: sakana <15715093608@163.com> Date: Thu, 19 Mar 2026 13:17:41 +0800 Subject: [PATCH 1/4] fix(overlay): use toggleEnabled instead of enable to allow exiting inspector mode MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit When using it, I noticed that Escape is the only way to exit. Clicking the button again doesn’t toggle the state, so I think adding a toggle feature would improve the user experience. --- packages/overlay/src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue index b1fbc993e..1ce94b92e 100644 --- a/packages/overlay/src/App.vue +++ b/packages/overlay/src/App.vue @@ -85,7 +85,7 @@ const vueInspectorEnabled = computed(() => { }) function enableVueInspector() { - vueInspector.value.enable() + vueInspector.value.toggleEnabled() } const { getIframe } = useIframe(clientUrl, async () => { From a6051689f1d1dc029f179c9089a114fbb538e2f4 Mon Sep 17 00:00:00 2001 From: sakana <15715093608@163.com> Date: Sat, 21 Mar 2026 11:58:42 +0800 Subject: [PATCH 2/4] fix: Rename toggle function for Vue Inspector --- packages/overlay/src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue index 1ce94b92e..7d4c841fd 100644 --- a/packages/overlay/src/App.vue +++ b/packages/overlay/src/App.vue @@ -85,7 +85,7 @@ const vueInspectorEnabled = computed(() => { }) function enableVueInspector() { - vueInspector.value.toggleEnabled() + vueInspector.value.toggleVueInspector() } const { getIframe } = useIframe(clientUrl, async () => { From f635dd285dc0d0347ff0458cd50759143dd7e410 Mon Sep 17 00:00:00 2001 From: sakana <15715093608@163.com> Date: Sat, 21 Mar 2026 12:04:05 +0800 Subject: [PATCH 3/4] fix: Rename enableVueInspector to toggleVueInspector --- packages/overlay/src/App.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue index 7d4c841fd..e48d86c6a 100644 --- a/packages/overlay/src/App.vue +++ b/packages/overlay/src/App.vue @@ -84,8 +84,8 @@ const vueInspectorEnabled = computed(() => { return !!vueInspector.value }) -function enableVueInspector() { - vueInspector.value.toggleVueInspector() +function toggleVueInspector() { + vueInspector.value.toggleEnabled() } const { getIframe } = useIframe(clientUrl, async () => { From 61018a7e642402087d53be0f9880d3cbda2146d2 Mon Sep 17 00:00:00 2001 From: sakana <15715093608@163.com> Date: Sat, 21 Mar 2026 12:09:37 +0800 Subject: [PATCH 4/4] fix: Change click handler from enableVueInspector to toggleVueInspector --- packages/overlay/src/App.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue index e48d86c6a..43b3fd1cd 100644 --- a/packages/overlay/src/App.vue +++ b/packages/overlay/src/App.vue @@ -129,7 +129,7 @@ const { getIframe } = useIframe(clientUrl, async () => { class="vue-devtools__anchor-btn vue-devtools__panel-content vue-devtools__inspector-button" title="Toggle Component Inspector" :class="{ active: vueInspectorEnabled }" - @click="enableVueInspector" + @click="toggleVueInspector" >