fix: remove wrong observe toggle, properly disable tracking in setup()

Author: yyx990803

src/v3/apiSetup.ts

@@ -1,6 +1,6 @@
 import { Component } from 'types/component'
 import { PropOptions } from 'types/options'
-import { toggleObserving } from '../core/observer'
+import { popTarget, pushTarget } from '../core/observer/dep'
 import { def, invokeWithErrorHandling, isReserved, warn } from '../core/util'
 import VNode from '../core/vdom/vnode'
 import {
@@ -31,15 +31,15 @@ export function initSetup(vm: Component) {
     const ctx = (vm._setupContext = createSetupContext(vm))
 
     setCurrentInstance(vm)
-    toggleObserving(false)
+    pushTarget()
     const setupResult = invokeWithErrorHandling(
       setup,
       null,
       [vm._props || shallowReactive({}), ctx],
       vm,
       `setup`
     )
-    toggleObserving(true)
+    popTarget()
     setCurrentInstance()
 
     if (isFunction(setupResult)) {

test/unit/features/v3/apiSetup.spec.ts

@@ -267,4 +267,31 @@ describe('api: setup context', () => {
       }
     }).$mount()
   })
+
+  it('should not track dep accessed in setup', async () => {
+    const spy = vi.fn()
+    const msg = ref('hi')
+
+    const Child = {
+      setup: () => {
+        msg.value
+        return () => {}
+      }
+    }
+
+    new Vue({
+      setup() {
+        return h => {
+          spy()
+          return h(Child)
+        }
+      }
+    }).$mount()
+
+    expect(spy).toHaveBeenCalledTimes(1)
+
+    msg.value = 'bye'
+    await nextTick()
+    expect(spy).toHaveBeenCalledTimes(1)
+  })
 })