@vue/reactivity 3.5.0-alpha.1 → 3.5.0-alpha.3

package/dist/reactivity.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.5.0-alpha.1
+* @vue/reactivity v3.5.0-alpha.3
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -242,16 +242,14 @@ function endBatch() {
         try {
           e.trigger();
         } catch (err) {
-          if (!error)
-            error = err;
+          if (!error) error = err;
         }
       }
       e = next;
     }
   }
   batchDepth--;
-  if (error)
-    throw error;
+  if (error) throw error;
 }
 function prepareDeps(sub) {
   for (let link = sub.deps; link; link = link.nextDep) {
@@ -265,8 +263,7 @@ function cleanupDeps(sub) {
   let tail = sub.depsTail;
   for (let link = tail; link; link = link.prevDep) {
     if (link.version === -1) {
-      if (link === tail)
-        tail = link.prevDep;
+      if (link === tail) tail = link.prevDep;
       removeSub(link);
       removeDep(link);
     } else {
@@ -530,8 +527,7 @@ function addSub(link) {
   const currentTail = link.dep.subs;
   if (currentTail !== link) {
     link.prevSub = currentTail;
-    if (currentTail)
-      currentTail.nextSub = link;
+    if (currentTail) currentTail.nextSub = link;
   }
   if (!!(process.env.NODE_ENV !== "production") && link.dep.subsHead === void 0) {
     link.dep.subsHead = link;
@@ -641,8 +637,7 @@ function getDepFromReactive(object, key) {
 
 function reactiveReadArray(array) {
   const raw = toRaw(array);
-  if (raw === array)
-    return raw;
+  if (raw === array) return raw;
   track(raw, "iterate", ARRAY_ITERATE_KEY);
   return isShallow(array) ? raw : raw.map(toReactive);
 }
@@ -816,8 +811,7 @@ const builtInSymbols = new Set(
   /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
 );
 function hasOwnProperty(key) {
-  if (!isSymbol(key))
-    key = String(key);
+  if (!isSymbol(key)) key = String(key);
   const obj = toRaw(this);
   track(obj, "has", key);
   return obj.hasOwnProperty(key);
@@ -968,18 +962,18 @@ const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true
 
 const toShallow = (value) => value;
 const getProto = (v) => Reflect.getPrototypeOf(v);
-function get(target, key, isReadonly = false, isShallow = false) {
+function get(target, key, isReadonly2 = false, isShallow2 = false) {
   target = target["__v_raw"];
   const rawTarget = toRaw(target);
   const rawKey = toRaw(key);
-  if (!isReadonly) {
+  if (!isReadonly2) {
     if (hasChanged(key, rawKey)) {
       track(rawTarget, "get", key);
     }
     track(rawTarget, "get", rawKey);
   }
   const { has: has2 } = getProto(rawTarget);
-  const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
+  const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
   if (has2.call(rawTarget, key)) {
     return wrap(target.get(key));
   } else if (has2.call(rawTarget, rawKey)) {
@@ -988,11 +982,11 @@ function get(target, key, isReadonly = false, isShallow = false) {
     target.get(key);
   }
 }
-function has(key, isReadonly = false) {
+function has(key, isReadonly2 = false) {
   const target = this["__v_raw"];
   const rawTarget = toRaw(target);
   const rawKey = toRaw(key);
-  if (!isReadonly) {
+  if (!isReadonly2) {
     if (hasChanged(key, rawKey)) {
       track(rawTarget, "has", key);
     }
@@ -1000,13 +994,15 @@ function has(key, isReadonly = false) {
   }
   return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
 }
-function size(target, isReadonly = false) {
+function size(target, isReadonly2 = false) {
   target = target["__v_raw"];
-  !isReadonly && track(toRaw(target), "iterate", ITERATE_KEY);
+  !isReadonly2 && track(toRaw(target), "iterate", ITERATE_KEY);
   return Reflect.get(target, "size", target);
 }
-function add(value) {
-  value = toRaw(value);
+function add(value, _isShallow = false) {
+  if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
+    value = toRaw(value);
+  }
   const target = toRaw(this);
   const proto = getProto(target);
   const hadKey = proto.has.call(target, value);
@@ -1016,8 +1012,10 @@ function add(value) {
   }
   return this;
 }
-function set(key, value) {
-  value = toRaw(value);
+function set(key, value, _isShallow = false) {
+  if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
+    value = toRaw(value);
+  }
   const target = toRaw(this);
   const { has: has2, get: get2 } = getProto(target);
   let hadKey = has2.call(target, key);
@@ -1063,19 +1061,19 @@ function clear() {
   }
   return result;
 }
-function createForEach(isReadonly, isShallow) {
+function createForEach(isReadonly2, isShallow2) {
   return function forEach(callback, thisArg) {
     const observed = this;
     const target = observed["__v_raw"];
     const rawTarget = toRaw(target);
-    const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
-    !isReadonly && track(rawTarget, "iterate", ITERATE_KEY);
+    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
+    !isReadonly2 && track(rawTarget, "iterate", ITERATE_KEY);
     return target.forEach((value, key) => {
       return callback.call(thisArg, wrap(value), wrap(key), observed);
     });
   };
 }
-function createIterableMethod(method, isReadonly, isShallow) {
+function createIterableMethod(method, isReadonly2, isShallow2) {
   return function(...args) {
     const target = this["__v_raw"];
     const rawTarget = toRaw(target);
@@ -1083,8 +1081,8 @@ function createIterableMethod(method, isReadonly, isShallow) {
     const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
     const isKeyOnly = method === "keys" && targetIsMap;
     const innerIterator = target[method](...args);
-    const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
-    !isReadonly && track(
+    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
+    !isReadonly2 && track(
       rawTarget,
       "iterate",
       isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
@@ -1140,8 +1138,12 @@ function createInstrumentations() {
       return size(this);
     },
     has,
-    add,
-    set,
+    add(value) {
+      return add.call(this, value, true);
+    },
+    set(key, value) {
+      return set.call(this, key, value, true);
+    },
     delete: deleteEntry,
     clear,
     forEach: createForEach(false, true)
@@ -1207,13 +1209,13 @@ const [
   shallowInstrumentations,
   shallowReadonlyInstrumentations
 ] = /* @__PURE__ */ createInstrumentations();
-function createInstrumentationGetter(isReadonly, shallow) {
-  const instrumentations = shallow ? isReadonly ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly ? readonlyInstrumentations : mutableInstrumentations;
+function createInstrumentationGetter(isReadonly2, shallow) {
+  const instrumentations = shallow ? isReadonly2 ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly2 ? readonlyInstrumentations : mutableInstrumentations;
   return (target, key, receiver) => {
     if (key === "__v_isReactive") {
-      return !isReadonly;
+      return !isReadonly2;
     } else if (key === "__v_isReadonly") {
-      return isReadonly;
+      return isReadonly2;
     } else if (key === "__v_raw") {
       return target;
     }
@@ -1309,7 +1311,11 @@ function shallowReadonly(target) {
 function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
   if (!isObject(target)) {
     if (!!(process.env.NODE_ENV !== "production")) {
-      warn(`value cannot be made reactive: ${String(target)}`);
+      warn(
+        `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(
+          target
+        )}`
+      );
     }
     return target;
   }
@@ -1360,7 +1366,7 @@ const toReactive = (value) => isObject(value) ? reactive(value) : value;
 const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
 function isRef(r) {
-  return r ? r.__v_isRef === true : false;
+  return r ? r["__v_isRef"] === true : false;
 }
 function ref(value) {
   return createRef(value, false);
@@ -1375,12 +1381,13 @@ function createRef(rawValue, shallow) {
   return new RefImpl(rawValue, shallow);
 }
 class RefImpl {
-  constructor(value, __v_isShallow) {
-    this.__v_isShallow = __v_isShallow;
+  constructor(value, isShallow2) {
     this.dep = new Dep();
-    this.__v_isRef = true;
-    this._rawValue = __v_isShallow ? value : toRaw(value);
-    this._value = __v_isShallow ? value : toReactive(value);
+    this["__v_isRef"] = true;
+    this["__v_isShallow"] = false;
+    this._rawValue = isShallow2 ? value : toRaw(value);
+    this._value = isShallow2 ? value : toReactive(value);
+    this["__v_isShallow"] = isShallow2;
   }
   get value() {
     if (!!(process.env.NODE_ENV !== "production")) {
@@ -1396,7 +1403,7 @@ class RefImpl {
   }
   set value(newValue) {
     const oldValue = this._rawValue;
-    const useDirectValue = this.__v_isShallow || isShallow(newValue) || isReadonly(newValue);
+    const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
     newValue = useDirectValue ? newValue : toRaw(newValue);
     if (hasChanged(newValue, oldValue)) {
       this._rawValue = newValue;
@@ -1450,7 +1457,7 @@ function proxyRefs(objectWithRefs) {
 }
 class CustomRefImpl {
   constructor(factory) {
-    this.__v_isRef = true;
+    this["__v_isRef"] = true;
     const dep = this.dep = new Dep();
     const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
     this._get = get;
@@ -1481,7 +1488,7 @@ class ObjectRefImpl {
     this._object = _object;
     this._key = _key;
     this._defaultValue = _defaultValue;
-    this.__v_isRef = true;
+    this["__v_isRef"] = true;
   }
   get value() {
     const val = this._object[this._key];
@@ -1497,8 +1504,8 @@ class ObjectRefImpl {
 class GetterRefImpl {
   constructor(_getter) {
     this._getter = _getter;
-    this.__v_isRef = true;
-    this.__v_isReadonly = true;
+    this["__v_isRef"] = true;
+    this["__v_isReadonly"] = true;
   }
   get value() {
     return this._getter();
@@ -1535,7 +1542,7 @@ class ComputedRefImpl {
     /**
      * @internal
      */
-    this.__v_isRef = true;
+    this["__v_isRef"] = true;
     // A computed is also a subscriber that tracks other deps
     /**
      * @internal
@@ -1555,7 +1562,7 @@ class ComputedRefImpl {
     this.globalVersion = globalVersion - 1;
     // for backwards compat
     this.effect = this;
-    this.__v_isReadonly = !setter;
+    this["__v_isReadonly"] = !setter;
     this.isSSR = isSSR;
   }
   /**
@@ -1620,7 +1627,8 @@ const ReactiveFlags = {
   "IS_REACTIVE": "__v_isReactive",
   "IS_READONLY": "__v_isReadonly",
   "IS_SHALLOW": "__v_isShallow",
-  "RAW": "__v_raw"
+  "RAW": "__v_raw",
+  "IS_REF": "__v_isRef"
 };
 
 export { ARRAY_ITERATE_KEY, EffectFlags, EffectScope, ITERATE_KEY, MAP_KEY_ITERATE_KEY, ReactiveEffect, ReactiveFlags, TrackOpTypes, TriggerOpTypes, computed, customRef, effect, effectScope, enableTracking, getCurrentScope, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, onEffectCleanup, onScopeDispose, pauseTracking, proxyRefs, reactive, reactiveReadArray, readonly, ref, resetTracking, shallowReactive, shallowReadArray, shallowReadonly, shallowRef, stop, toRaw, toReactive, toReadonly, toRef, toRefs, toValue, track, trigger, triggerRef, unref };

package/dist/reactivity.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.5.0-alpha.1
+* @vue/reactivity v3.5.0-alpha.3
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -39,10 +39,11 @@ var VueReactivity = (function (exports) {
     return str.charAt(0).toUpperCase() + str.slice(1);
   });
   const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-  const def = (obj, key, value) => {
+  const def = (obj, key, value, writable = false) => {
     Object.defineProperty(obj, key, {
       configurable: true,
       enumerable: false,
+      writable,
       value
     });
   };
@@ -284,16 +285,14 @@ var VueReactivity = (function (exports) {
           try {
             e.trigger();
           } catch (err) {
-            if (!error)
-              error = err;
+            if (!error) error = err;
           }
         }
         e = next;
       }
     }
     batchDepth--;
-    if (error)
-      throw error;
+    if (error) throw error;
   }
   function prepareDeps(sub) {
     for (let link = sub.deps; link; link = link.nextDep) {
@@ -307,8 +306,7 @@ var VueReactivity = (function (exports) {
     let tail = sub.depsTail;
     for (let link = tail; link; link = link.prevDep) {
       if (link.version === -1) {
-        if (link === tail)
-          tail = link.prevDep;
+        if (link === tail) tail = link.prevDep;
         removeSub(link);
         removeDep(link);
       } else {
@@ -572,8 +570,7 @@ var VueReactivity = (function (exports) {
     const currentTail = link.dep.subs;
     if (currentTail !== link) {
       link.prevSub = currentTail;
-      if (currentTail)
-        currentTail.nextSub = link;
+      if (currentTail) currentTail.nextSub = link;
     }
     if (link.dep.subsHead === void 0) {
       link.dep.subsHead = link;
@@ -679,8 +676,7 @@ var VueReactivity = (function (exports) {
 
   function reactiveReadArray(array) {
     const raw = toRaw(array);
-    if (raw === array)
-      return raw;
+    if (raw === array) return raw;
     track(raw, "iterate", ARRAY_ITERATE_KEY);
     return isShallow(array) ? raw : raw.map(toReactive);
   }
@@ -854,8 +850,7 @@ var VueReactivity = (function (exports) {
     /* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(isSymbol)
   );
   function hasOwnProperty(key) {
-    if (!isSymbol(key))
-      key = String(key);
+    if (!isSymbol(key)) key = String(key);
     const obj = toRaw(this);
     track(obj, "has", key);
     return obj.hasOwnProperty(key);
@@ -1006,18 +1001,18 @@ var VueReactivity = (function (exports) {
 
   const toShallow = (value) => value;
   const getProto = (v) => Reflect.getPrototypeOf(v);
-  function get(target, key, isReadonly = false, isShallow = false) {
+  function get(target, key, isReadonly2 = false, isShallow2 = false) {
     target = target["__v_raw"];
     const rawTarget = toRaw(target);
     const rawKey = toRaw(key);
-    if (!isReadonly) {
+    if (!isReadonly2) {
       if (hasChanged(key, rawKey)) {
         track(rawTarget, "get", key);
       }
       track(rawTarget, "get", rawKey);
     }
     const { has: has2 } = getProto(rawTarget);
-    const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
+    const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
     if (has2.call(rawTarget, key)) {
       return wrap(target.get(key));
     } else if (has2.call(rawTarget, rawKey)) {
@@ -1026,11 +1021,11 @@ var VueReactivity = (function (exports) {
       target.get(key);
     }
   }
-  function has(key, isReadonly = false) {
+  function has(key, isReadonly2 = false) {
     const target = this["__v_raw"];
     const rawTarget = toRaw(target);
     const rawKey = toRaw(key);
-    if (!isReadonly) {
+    if (!isReadonly2) {
       if (hasChanged(key, rawKey)) {
         track(rawTarget, "has", key);
       }
@@ -1038,13 +1033,15 @@ var VueReactivity = (function (exports) {
     }
     return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
   }
-  function size(target, isReadonly = false) {
+  function size(target, isReadonly2 = false) {
     target = target["__v_raw"];
-    !isReadonly && track(toRaw(target), "iterate", ITERATE_KEY);
+    !isReadonly2 && track(toRaw(target), "iterate", ITERATE_KEY);
     return Reflect.get(target, "size", target);
   }
-  function add(value) {
-    value = toRaw(value);
+  function add(value, _isShallow = false) {
+    if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
+      value = toRaw(value);
+    }
     const target = toRaw(this);
     const proto = getProto(target);
     const hadKey = proto.has.call(target, value);
@@ -1054,8 +1051,10 @@ var VueReactivity = (function (exports) {
     }
     return this;
   }
-  function set(key, value) {
-    value = toRaw(value);
+  function set(key, value, _isShallow = false) {
+    if (!_isShallow && !isShallow(value) && !isReadonly(value)) {
+      value = toRaw(value);
+    }
     const target = toRaw(this);
     const { has: has2, get: get2 } = getProto(target);
     let hadKey = has2.call(target, key);
@@ -1101,19 +1100,19 @@ var VueReactivity = (function (exports) {
     }
     return result;
   }
-  function createForEach(isReadonly, isShallow) {
+  function createForEach(isReadonly2, isShallow2) {
     return function forEach(callback, thisArg) {
       const observed = this;
       const target = observed["__v_raw"];
       const rawTarget = toRaw(target);
-      const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
-      !isReadonly && track(rawTarget, "iterate", ITERATE_KEY);
+      const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
+      !isReadonly2 && track(rawTarget, "iterate", ITERATE_KEY);
       return target.forEach((value, key) => {
         return callback.call(thisArg, wrap(value), wrap(key), observed);
       });
     };
   }
-  function createIterableMethod(method, isReadonly, isShallow) {
+  function createIterableMethod(method, isReadonly2, isShallow2) {
     return function(...args) {
       const target = this["__v_raw"];
       const rawTarget = toRaw(target);
@@ -1121,8 +1120,8 @@ var VueReactivity = (function (exports) {
       const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
       const isKeyOnly = method === "keys" && targetIsMap;
       const innerIterator = target[method](...args);
-      const wrap = isShallow ? toShallow : isReadonly ? toReadonly : toReactive;
-      !isReadonly && track(
+      const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
+      !isReadonly2 && track(
         rawTarget,
         "iterate",
         isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY
@@ -1178,8 +1177,12 @@ var VueReactivity = (function (exports) {
         return size(this);
       },
       has,
-      add,
-      set,
+      add(value) {
+        return add.call(this, value, true);
+      },
+      set(key, value) {
+        return set.call(this, key, value, true);
+      },
       delete: deleteEntry,
       clear,
       forEach: createForEach(false, true)
@@ -1245,13 +1248,13 @@ var VueReactivity = (function (exports) {
     shallowInstrumentations,
     shallowReadonlyInstrumentations
   ] = /* @__PURE__ */ createInstrumentations();
-  function createInstrumentationGetter(isReadonly, shallow) {
-    const instrumentations = shallow ? isReadonly ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly ? readonlyInstrumentations : mutableInstrumentations;
+  function createInstrumentationGetter(isReadonly2, shallow) {
+    const instrumentations = shallow ? isReadonly2 ? shallowReadonlyInstrumentations : shallowInstrumentations : isReadonly2 ? readonlyInstrumentations : mutableInstrumentations;
     return (target, key, receiver) => {
       if (key === "__v_isReactive") {
-        return !isReadonly;
+        return !isReadonly2;
       } else if (key === "__v_isReadonly") {
-        return isReadonly;
+        return isReadonly2;
       } else if (key === "__v_raw") {
         return target;
       }
@@ -1347,7 +1350,11 @@ var VueReactivity = (function (exports) {
   function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
     if (!isObject(target)) {
       {
-        warn(`value cannot be made reactive: ${String(target)}`);
+        warn(
+          `value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(
+          target
+        )}`
+        );
       }
       return target;
     }
@@ -1398,7 +1405,7 @@ var VueReactivity = (function (exports) {
   const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
   function isRef(r) {
-    return r ? r.__v_isRef === true : false;
+    return r ? r["__v_isRef"] === true : false;
   }
   function ref(value) {
     return createRef(value, false);
@@ -1413,12 +1420,13 @@ var VueReactivity = (function (exports) {
     return new RefImpl(rawValue, shallow);
   }
   class RefImpl {
-    constructor(value, __v_isShallow) {
-      this.__v_isShallow = __v_isShallow;
+    constructor(value, isShallow2) {
       this.dep = new Dep();
-      this.__v_isRef = true;
-      this._rawValue = __v_isShallow ? value : toRaw(value);
-      this._value = __v_isShallow ? value : toReactive(value);
+      this["__v_isRef"] = true;
+      this["__v_isShallow"] = false;
+      this._rawValue = isShallow2 ? value : toRaw(value);
+      this._value = isShallow2 ? value : toReactive(value);
+      this["__v_isShallow"] = isShallow2;
     }
     get value() {
       {
@@ -1432,7 +1440,7 @@ var VueReactivity = (function (exports) {
     }
     set value(newValue) {
       const oldValue = this._rawValue;
-      const useDirectValue = this.__v_isShallow || isShallow(newValue) || isReadonly(newValue);
+      const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
       newValue = useDirectValue ? newValue : toRaw(newValue);
       if (hasChanged(newValue, oldValue)) {
         this._rawValue = newValue;
@@ -1482,7 +1490,7 @@ var VueReactivity = (function (exports) {
   }
   class CustomRefImpl {
     constructor(factory) {
-      this.__v_isRef = true;
+      this["__v_isRef"] = true;
       const dep = this.dep = new Dep();
       const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
       this._get = get;
@@ -1513,7 +1521,7 @@ var VueReactivity = (function (exports) {
       this._object = _object;
       this._key = _key;
       this._defaultValue = _defaultValue;
-      this.__v_isRef = true;
+      this["__v_isRef"] = true;
     }
     get value() {
       const val = this._object[this._key];
@@ -1529,8 +1537,8 @@ var VueReactivity = (function (exports) {
   class GetterRefImpl {
     constructor(_getter) {
       this._getter = _getter;
-      this.__v_isRef = true;
-      this.__v_isReadonly = true;
+      this["__v_isRef"] = true;
+      this["__v_isReadonly"] = true;
     }
     get value() {
       return this._getter();
@@ -1567,7 +1575,7 @@ var VueReactivity = (function (exports) {
       /**
        * @internal
        */
-      this.__v_isRef = true;
+      this["__v_isRef"] = true;
       // A computed is also a subscriber that tracks other deps
       /**
        * @internal
@@ -1587,7 +1595,7 @@ var VueReactivity = (function (exports) {
       this.globalVersion = globalVersion - 1;
       // for backwards compat
       this.effect = this;
-      this.__v_isReadonly = !setter;
+      this["__v_isReadonly"] = !setter;
       this.isSSR = isSSR;
     }
     /**
@@ -1652,7 +1660,8 @@ var VueReactivity = (function (exports) {
     "IS_REACTIVE": "__v_isReactive",
     "IS_READONLY": "__v_isReadonly",
     "IS_SHALLOW": "__v_isShallow",
-    "RAW": "__v_raw"
+    "RAW": "__v_raw",
+    "IS_REF": "__v_isRef"
   };
 
   exports.ARRAY_ITERATE_KEY = ARRAY_ITERATE_KEY;