fix(reactivity): Pass oldValue to triggerRefValue to satisfy interface DebuggerEventExtraInfo

packages/reactivity/__tests__/computed.spec.ts

@@ -255,7 +255,7 @@ describe('reactivity/computed', () => {
     ])
   })
 
-  it('debug: onTrigger', () => {
+  it('debug: onTrigger (reactive)', () => {
     let events: DebuggerEvent[] = []
     const onTrigger = vi.fn((e: DebuggerEvent) => {
       events.push(e)
@@ -290,4 +290,29 @@ describe('reactivity/computed', () => {
       oldValue: 2
     })
   })
+
+  it('debug: onTrigger (ref)', () => {
+    let events: DebuggerEvent[] = []
+    const onTrigger = vi.fn((e: DebuggerEvent) => {
+      events.push(e)
+    })
+    const obj = ref(1)
+    const c = computed(() => obj.value, { onTrigger })
+
+    // computed won't trigger compute until accessed
+    c.value
+
+    obj.value++
+
+    expect(c.value).toBe(2)
+    expect(onTrigger).toHaveBeenCalledTimes(1)
+    expect(events[0]).toEqual({
+      effect: c.effect,
+      target: toRaw(obj),
+      type: TriggerOpTypes.SET,
+      key: 'value',
+      oldValue: 1,
+      newValue: 2
+    })
+  })
 })

packages/reactivity/src/ref.ts

@@ -52,7 +52,7 @@ export function trackRefValue(ref: RefBase<any>) {
   }
 }
 
-export function triggerRefValue(ref: RefBase<any>, newVal?: any) {
+export function triggerRefValue(ref: RefBase<any>, newVal?: any, oldVal?: any) {
   ref = toRaw(ref)
   const dep = ref.dep
   if (dep) {
@@ -61,7 +61,8 @@ export function triggerRefValue(ref: RefBase<any>, newVal?: any) {
         target: ref,
         type: TriggerOpTypes.SET,
         key: 'value',
-        newValue: newVal
+        newValue: newVal,
+        oldValue: oldVal
       })
     } else {
       triggerEffects(dep)
@@ -153,9 +154,10 @@ class RefImpl<T> {
       this.__v_isShallow || isShallow(newVal) || isReadonly(newVal)
     newVal = useDirectValue ? newVal : toRaw(newVal)
     if (hasChanged(newVal, this._rawValue)) {
+      const oldVal = this._rawValue
       this._rawValue = newVal
       this._value = useDirectValue ? newVal : toReactive(newVal)
-      triggerRefValue(this, newVal)
+      triggerRefValue(this, newVal, oldVal)
     }
   }
 }