fix(kit): top level Proxy value inspect error cause inspection fail

vuejs · Nov 16, 2024 · 45cbb54 · 45cbb54
1 parent 935a075
commit 45cbb54
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 5 deletions.
diff --git a/packages/devtools-kit/src/core/component/state/util.ts b/packages/devtools-kit/src/core/component/state/util.ts
@@ -72,11 +72,21 @@ export function sanitize(data: unknown) {
 }
 
 export function getSetupStateType(raw) {
-  return {
-    ref: isRef(raw),
-    computed: isComputed(raw),
-    reactive: isReactive(raw),
-    readonly: isReadOnly(raw),
+  try {
+    return {
+      ref: isRef(raw),
+      computed: isComputed(raw),
+      reactive: isReactive(raw),
+      readonly: isReadOnly(raw),
+    }
+  }
+  catch {
+    return {
+      ref: false,
+      computed: false,
+      reactive: false,
+      readonly: false,
+    }
   }
 }
 

diff --git a/packages/playground/basic/src/pages/Home.vue b/packages/playground/basic/src/pages/Home.vue
@@ -22,6 +22,15 @@ function trigger() {
 }
 
 const toRefObj = toRefs(obj)
+const topLevelProxy = new Proxy({
+  foo() {
+    return 'foo'
+  },
+}, {
+  get(target, key) {
+    return target[key]()
+  },
+})
 </script>
 
 <template>