fix(ref): pass raw class to trigger/track

Author: RobbinBaauw

packages/reactivity/src/computed.ts

@@ -2,7 +2,7 @@ import { effect, ReactiveEffect, trigger, track } from './effect'
 import { TriggerOpTypes, TrackOpTypes } from './operations'
 import { Ref } from './ref'
 import { isFunction, NOOP } from '@vue/shared'
-import { ReactiveFlags } from './reactive'
+import { ReactiveFlags, toRaw } from './reactive'
 
 export interface ComputedRef<T = any> extends WritableComputedRef<T> {
   readonly value: T
@@ -38,7 +38,7 @@ class _ComputedRef<T> {
       scheduler: () => {
         if (!this._dirty) {
           this._dirty = true
-          trigger(this, TriggerOpTypes.SET, 'value')
+          trigger(toRaw(this), TriggerOpTypes.SET, 'value')
         }
       }
     })
@@ -51,7 +51,7 @@ class _ComputedRef<T> {
       this._value = this.effect()
       this._dirty = false
     }
-    track(this, TrackOpTypes.GET, 'value')
+    track(toRaw(this), TrackOpTypes.GET, 'value')
     return this._value
   }
 

packages/reactivity/src/ref.ts

@@ -52,15 +52,15 @@ class _Ref<T> {
   }
 
   get value() {
-    track(this, TrackOpTypes.GET, 'value')
+    track(toRaw(this), TrackOpTypes.GET, 'value')
     return this._value
   }
 
   set value(newVal) {
     if (hasChanged(toRaw(newVal), this._rawValue)) {
       this._rawValue = newVal
       this._value = this._shallow ? newVal : convert(newVal)
-      trigger(this, TriggerOpTypes.SET, 'value', newVal)
+      trigger(toRaw(this), TriggerOpTypes.SET, 'value', newVal)
     }
   }