fix: missing pinia store modules (#751)

nuxt · Nov 20, 2024 · be243e4 · be243e4
1 parent a6e0bdc
commit be243e4
Show file tree

Hide file tree

Showing 3 changed files with 361 additions and 66 deletions.
diff --git a/packages/devtools/client/setup/vue-devtools.ts b/packages/devtools/client/setup/vue-devtools.ts
@@ -1,18 +1,37 @@
-import { functions, onRpcConnected, rpc } from '@vue/devtools-core'
-import { createRpcClient, toggleHighPerfMode } from '@vue/devtools-kit'
+import { functions, onRpcConnected, rpc, useDevToolsState as useVueDevToolsState } from '@vue/devtools-core'
+import { createRpcClient } from '@vue/devtools-kit'
 import { watchEffect } from 'vue'
 import { useDevToolsFrameState } from '../composables/storage'
 
 export function setupVueDevTools() {
+  const { connected } = useVueDevToolsState()
+
   const state = useDevToolsFrameState()
 
   const isInPopup = window.__NUXT_DEVTOOLS_IS_POPUP__
 
+  function toggleClientDetected(state: boolean) {
+    if (connected.value) {
+      rpc.value.updateDevToolsClientDetected({
+        iframe: state,
+      })
+    }
+    else {
+      onRpcConnected(() => {
+        rpc.value.updateDevToolsClientDetected({
+          iframe: state,
+        })
+      })
+    }
+  }
+
   watchEffect(() => {
-    if (isInPopup)
-      toggleHighPerfMode(false)
-    else
-      toggleHighPerfMode(!state.value?.open)
+    if (isInPopup) {
+      toggleClientDetected(true)
+    }
+    else {
+      toggleClientDetected(state.value?.open ?? false)
+    }
   })
 
   createRpcClient(functions, {