fix(reactivity): handle a ref directly nested in reactive

Author: edison1105

packages/reactivity/__tests__/reactive.spec.ts

@@ -314,6 +314,14 @@ describe('reactivity/reactive', () => {
     expect(isReactive(observed)).toBe(false)
   })
 
+  test('a ref nested in a reactive', () => {
+    const obj = reactive(ref(1))
+    const spy1 = vi.fn(() => obj.value)
+    effect(spy1)
+    obj.value = 2
+    expect(isReactive(obj)).toBe(true)
+  })
+
   test('hasOwnProperty edge case: Symbol values', () => {
     const key = Symbol()
     const obj = reactive({ [key]: 1 }) as { [key]?: 1 }

packages/reactivity/src/baseHandlers.ts

@@ -82,6 +82,9 @@ class BaseReactiveHandler implements ProxyHandler<Target> {
       return
     }
 
+    // only track its value if target is a ref
+    if (isRef(target) && key !== 'value') return (target as any)[key]
+
     const targetIsArray = isArray(target)
 
     if (!isReadonly) {