From 1e33b2dae12bdad4a951a5dc5cad3cdfa58fd0e5 Mon Sep 17 00:00:00 2001
From: muminovbob <bobomurodm2004@gmail.com>
Date: Fri, 30 May 2025 10:26:00 +0500
Subject: [PATCH] fix(overlay): toggle component inspector

---
 packages/overlay/src/App.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/overlay/src/App.vue b/packages/overlay/src/App.vue
index 91f7a1e4..54b30237 100644
--- a/packages/overlay/src/App.vue
+++ b/packages/overlay/src/App.vue
@@ -84,7 +84,12 @@ const vueInspectorEnabled = computed(() => {
   return !!vueInspector.value
 })
 
-function enableVueInspector() {
+function toggleVueInspector() {
+  if(vueInspectorEnabled.value) {
+    vueInspector.value?.disable()
+    return
+  }
+
   vueInspector.value.enable()
 }
 
@@ -129,7 +134,7 @@ const { iframe, 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"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg" style="height: 1.1em; width: 1.1em; opacity:0.5;"