fix: get/set better handle ref, closes #1427

Author: Akryum

packages/app-backend-vue3/src/components/data.ts

@@ -286,11 +286,7 @@ export function editState ({ componentInstance, path, state, type }: HookPayload
     const currentValue = get(componentInstance.devtoolsRawSetupState, path)
     if (currentValue != null) {
       const info = getSetupStateInfo(currentValue)
-
       if (info.readonly) return
-      if (info.ref) {
-        targetPath.splice(1, 0, 'value')
-      }
     }
   } else {
     target = componentInstance.proxy

packages/shared-utils/src/util.ts

@@ -630,6 +630,10 @@ export function set (object, path, value, cb = null) {
   const sections = Array.isArray(path) ? path : path.split('.')
   while (sections.length > 1) {
     object = object[sections.shift()]
+    // Vue 3 ref
+    if (object?.__v_isRef) {
+      object = object.value
+    }
   }
   const field = sections[0]
   if (cb) {
@@ -643,6 +647,10 @@ export function get (object, path) {
   const sections = Array.isArray(path) ? path : path.split('.')
   for (let i = 0; i < sections.length; i++) {
     object = object[sections[i]]
+    // Vue 3 ref
+    if (object?.__v_isRef) {
+      object = object.value
+    }
     if (!object) {
       return undefined
     }