fix(vue3): Show the imported component setup state by using exposed i…

…n production (#2091)
vuejs · Feb 4, 2024 · 0dee328 · 0dee328
1 parent a1f8221
commit 0dee328
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/app-backend-vue3/src/components/data.ts b/packages/app-backend-vue3/src/components/data.ts
@@ -176,11 +176,16 @@ function processState (instance) {
 }
 
 function processSetupState (instance) {
-  const raw = instance.devtoolsRawSetupState || {}
-  return Object.keys(instance.setupState)
+  const raw = instance.devtoolsRawSetupState
+  const combinedSetupState = (Object.keys(instance.setupState).length
+    ? instance.setupState
+    : instance.exposed
+  ) || {}
+
+  return Object.keys(combinedSetupState)
     .filter(key => !vueBuiltins.includes(key) && key.split(/(?=[A-Z])/)[0] !== 'use')
     .map(key => {
-      const value = returnError(() => toRaw(instance.setupState[key]))
+      const value = returnError(() => toRaw(combinedSetupState[key]))
 
       const rawData = raw[key]