@vue/reactivity 3.4.17 → 3.4.19

package/dist/reactivity.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -986,6 +986,7 @@ function markRaw(value) {
 const toReactive = (value) => shared.isObject(value) ? reactive(value) : value;
 const toReadonly = (value) => shared.isObject(value) ? readonly(value) : value;
 
+const COMPUTED_SIDE_EFFECT_WARN = `Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free`;
 class ComputedRefImpl {
   constructor(getter, _setter, isReadonly, isSSR) {
     this._setter = _setter;
@@ -1010,6 +1011,7 @@ class ComputedRefImpl {
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
+      warn(COMPUTED_SIDE_EFFECT_WARN);
       triggerRefValue(self, 2);
     }
     return self._value;
@@ -1033,7 +1035,7 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   if (onlyGetter) {
     getter = getterOrOptions;
     setter = () => {
-      console.warn("Write operation failed: computed value is readonly");
+      warn("Write operation failed: computed value is readonly");
     } ;
   } else {
     getter = getterOrOptions.get;

package/dist/reactivity.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/reactivity.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1021,6 +1021,7 @@ function markRaw(value) {
 const toReactive = (value) => isObject(value) ? reactive(value) : value;
 const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
+const COMPUTED_SIDE_EFFECT_WARN = `Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free`;
 class ComputedRefImpl {
   constructor(getter, _setter, isReadonly, isSSR) {
     this._setter = _setter;
@@ -1045,6 +1046,7 @@ class ComputedRefImpl {
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
+      warn(COMPUTED_SIDE_EFFECT_WARN);
       triggerRefValue(self, 2);
     }
     return self._value;
@@ -1068,7 +1070,7 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   if (onlyGetter) {
     getter = getterOrOptions;
     setter = () => {
-      console.warn("Write operation failed: computed value is readonly");
+      warn("Write operation failed: computed value is readonly");
     } ;
   } else {
     getter = getterOrOptions.get;

package/dist/reactivity.esm-browser.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/dist/reactivity.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -982,6 +982,7 @@ function markRaw(value) {
 const toReactive = (value) => isObject(value) ? reactive(value) : value;
 const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
+const COMPUTED_SIDE_EFFECT_WARN = `Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free`;
 class ComputedRefImpl {
   constructor(getter, _setter, isReadonly, isSSR) {
     this._setter = _setter;
@@ -1006,6 +1007,7 @@ class ComputedRefImpl {
     }
     trackRefValue(self);
     if (self.effect._dirtyLevel >= 2) {
+      !!(process.env.NODE_ENV !== "production") && warn(COMPUTED_SIDE_EFFECT_WARN);
       triggerRefValue(self, 2);
     }
     return self._value;
@@ -1029,7 +1031,7 @@ function computed(getterOrOptions, debugOptions, isSSR = false) {
   if (onlyGetter) {
     getter = getterOrOptions;
     setter = !!(process.env.NODE_ENV !== "production") ? () => {
-      console.warn("Write operation failed: computed value is readonly");
+      warn("Write operation failed: computed value is readonly");
     } : NOOP;
   } else {
     getter = getterOrOptions.get;

package/dist/reactivity.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1024,6 +1024,7 @@ var VueReactivity = (function (exports) {
   const toReactive = (value) => isObject(value) ? reactive(value) : value;
   const toReadonly = (value) => isObject(value) ? readonly(value) : value;
 
+  const COMPUTED_SIDE_EFFECT_WARN = `Computed is still dirty after getter evaluation, likely because a computed is mutating its own dependency in its getter. State mutations in computed getters should be avoided.  Check the docs for more details: https://vuejs.org/guide/essentials/computed.html#getters-should-be-side-effect-free`;
   class ComputedRefImpl {
     constructor(getter, _setter, isReadonly, isSSR) {
       this._setter = _setter;
@@ -1048,6 +1049,7 @@ var VueReactivity = (function (exports) {
       }
       trackRefValue(self);
       if (self.effect._dirtyLevel >= 2) {
+        warn(COMPUTED_SIDE_EFFECT_WARN);
         triggerRefValue(self, 2);
       }
       return self._value;
@@ -1071,7 +1073,7 @@ var VueReactivity = (function (exports) {
     if (onlyGetter) {
       getter = getterOrOptions;
       setter = () => {
-        console.warn("Write operation failed: computed value is readonly");
+        warn("Write operation failed: computed value is readonly");
       } ;
     } else {
       getter = getterOrOptions.get;

package/dist/reactivity.global.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/reactivity v3.4.17
+* @vue/reactivity v3.4.19
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/reactivity",
-  "version": "3.4.17",
+  "version": "3.4.19",
   "description": "@vue/reactivity",
   "main": "index.js",
   "module": "dist/reactivity.esm-bundler.js",
@@ -50,6 +50,6 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/reactivity#readme",
   "dependencies": {
-    "@vue/shared": "3.4.17"
+    "@vue/shared": "3.4.19"
   }
 }