fix(overlay): use toggleEnabled to allow exiting in spector mode (#1067)

Author: SaKaNa-Y

packages/overlay/src/App.vue

@@ -84,8 +84,8 @@ const vueInspectorEnabled = computed(() => {
   return !!vueInspector.value
 })
 
-function enableVueInspector() {
-  vueInspector.value.enable()
+function toggleVueInspector() {
+  vueInspector.value.toggleEnabled()
 }
 
 const { getIframe } = useIframe(clientUrl, async () => {
@@ -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"
         >
           <svg
             xmlns="http://www.w3.org/2000/svg" style="height: 1.1em; width: 1.1em; opacity:0.5;"