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

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) {

packages/reactivity/src/dep.ts

@@ -1,6 +1,6 @@
 import { extend, isArray, isIntegerKey, isMap, isSymbol } from '@vue/shared'
 import type { ComputedRefImpl } from './computed'
-import { type TrackOpTypes, TriggerOpTypes } from './constants'
+import { ReactiveFlags, type TrackOpTypes, TriggerOpTypes } from './constants'
 import {
   type DebuggerEventExtraInfo,
   EffectFlags,
@@ -40,6 +40,9 @@ export class Dep {
   subsHead?: Link
 
   constructor(public computed?: ComputedRefImpl | undefined) {
+    // @ts-expect-error
+    this[ReactiveFlags.SKIP] = true
+
     if (__DEV__) {
       this.subsHead = undefined
     }