chore: update

alexzhang1030 · Jun 26, 2024 · d435ec2 · d435ec2
1 parent 9384be2
commit d435ec2
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 4 deletions.
diff --git a/packages/applet/src/composables/custom-inspector-state.ts b/packages/applet/src/composables/custom-inspector-state.ts
@@ -9,7 +9,7 @@ type CustomInspectorState = Partial<{
   timelineLayerIds: string[]
 }>
 
-const VueDevToolsStateSymbol: InjectionKey<Ref<CustomInspectorState>> = Symbol('VueDevToolsCustomInspectorStateSymbol')
+const VueDevToolsStateSymbol: InjectionKey<Ref<CustomInspectorState>> = Symbol.for('VueDevToolsCustomInspectorStateSymbol')
 
 export function useCustomInspectorState() {
   return inject(VueDevToolsStateSymbol)!

diff --git a/packages/applet/src/modules/custom-inspector/components/state/Index.vue b/packages/applet/src/modules/custom-inspector/components/state/Index.vue
@@ -5,6 +5,7 @@ import { DevToolsMessagingEvents, onRpcConnected, rpc } from '@vue/devtools-core
 import { parse } from '@vue/devtools-kit'
 import type { CustomInspectorNode, CustomInspectorOptions, CustomInspectorState } from '@vue/devtools-kit'
 import { vTooltip } from '@vue/devtools-ui'
+import { until } from '@vueuse/core'
 import Navbar from '~/components/basic/Navbar.vue'
 import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
 import Empty from '~/components/basic/Empty.vue'
@@ -130,7 +131,8 @@ const getInspectorTree = () => {
     }
   })
 }
-getInspectorTree()
+
+until(inspectorId).toBeTruthy().then(getInspectorTree)
 
 function onInspectorTreeUpdated(_data: string) {
   const data = parse(_data) as {

diff --git a/packages/applet/src/modules/router/components/routes/Index.vue b/packages/applet/src/modules/router/components/routes/Index.vue
@@ -4,6 +4,7 @@ import { Pane, Splitpanes } from 'splitpanes'
 import { DevToolsMessagingEvents, rpc } from '@vue/devtools-core'
 import { parse } from '@vue/devtools-kit'
 import type { CustomInspectorNode, CustomInspectorState } from '@vue/devtools-kit'
+import { until } from '@vueuse/core'
 import Navbar from '~/components/basic/Navbar.vue'
 import DevToolsHeader from '~/components/basic/DevToolsHeader.vue'
 import Empty from '~/components/basic/Empty.vue'
@@ -102,7 +103,8 @@ const getRoutesInspectorTree = () => {
     }
   })
 }
-getRoutesInspectorTree()
+
+until(inspectorId).toBeTruthy().then(getRoutesInspectorTree)
 
 function onInspectorTreeUpdated(_data: string) {
   const data = parse(_data) as {

diff --git a/packages/applet/src/modules/router/index.vue b/packages/applet/src/modules/router/index.vue
@@ -27,7 +27,7 @@ const { VirtualRouterView, restoreRouter } = registerVirtualRouter([
   },
   {
     path: '/about',
-    name: 'Home',
+    name: 'About',
     component: About,
     icon: 'i-ri-route-line',
   },