feat: add onEnabled / onDisabled callbacks (#94)

Author: alexzhang1030

packages/core/src/Overlay.vue

@@ -84,6 +84,18 @@ export default {
       }
     },
   },
+  watch: {
+    enabled: {
+      handler(val, oldVal) {
+        if (val === oldVal)
+          return
+        if (val)
+          this.onEnabled()
+        else
+          this.onDisabled()
+      },
+    },
+  },
   mounted() {
     this.toggleCombo && document.body.addEventListener('keydown', this.onKeydown)
     this.toggleEventListener()
@@ -232,6 +244,12 @@ export default {
     onUpdated() {
       // to be replaced programmatically
     },
+    onEnabled() {
+      // to be replaced programmatically
+    },
+    onDisabled() {
+      // to be replaced programmatically
+    },
   },
 }
 </script>

packages/core/src/index.ts

@@ -24,6 +24,9 @@ export interface VueInspectorClient {
   enable: () => void
   disable: () => void
   toggleEnabled: () => void
+  onEnabled: () => void
+  onDisabled: () => void
+
   openInEditor: (url: URL) => void
   onUpdated: () => void
 }