@vue/runtime-core 3.4.0 → 3.4.2

package/dist/runtime-core.cjs.js

@@ -1747,6 +1747,19 @@ function isVNodeSuspensible(vnode) {
   return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
 }
 
+const ssrContextKey = Symbol.for("v-scx");
+const useSSRContext = () => {
+  {
+    const ctx = inject(ssrContextKey);
+    if (!ctx) {
+      warn$1(
+        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
+      );
+    }
+    return ctx;
+  }
+};
+
 function watchEffect(effect, options) {
   return doWatch(effect, null, options);
 }
@@ -1821,8 +1834,8 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = reactivity.isShallow(source);
   } else if (reactivity.isReactive(source)) {
-    getter = () => source;
-    deep = true;
+    getter = reactivity.isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    forceTrigger = true;
   } else if (shared.isArray(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => reactivity.isReactive(s) || reactivity.isShallow(s));
@@ -1830,7 +1843,7 @@ function doWatch(source, cb, {
       if (reactivity.isRef(s)) {
         return s.value;
       } else if (reactivity.isReactive(s)) {
-        return traverse(s);
+        return traverse(s, reactivity.isShallow(s) || deep === false ? 1 : void 0);
       } else if (shared.isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -1984,28 +1997,34 @@ function createPathGetter(ctx, path) {
     return cur;
   };
 }
-function traverse(value, seen) {
+function traverse(value, depth, currentDepth = 0, seen) {
   if (!shared.isObject(value) || value["__v_skip"]) {
     return value;
   }
+  if (depth && depth > 0) {
+    if (currentDepth >= depth) {
+      return value;
+    }
+    currentDepth++;
+  }
   seen = seen || /* @__PURE__ */ new Set();
   if (seen.has(value)) {
     return value;
   }
   seen.add(value);
   if (reactivity.isRef(value)) {
-    traverse(value.value, seen);
+    traverse(value.value, depth, currentDepth, seen);
   } else if (shared.isArray(value)) {
     for (let i = 0; i < value.length; i++) {
-      traverse(value[i], seen);
+      traverse(value[i], depth, currentDepth, seen);
     }
   } else if (shared.isSet(value) || shared.isMap(value)) {
     value.forEach((v) => {
-      traverse(v, seen);
+      traverse(v, depth, currentDepth, seen);
     });
   } else if (shared.isPlainObject(value)) {
     for (const key in value) {
-      traverse(value[key], seen);
+      traverse(value[key], depth, currentDepth, seen);
     }
   }
   return value;
@@ -3273,6 +3292,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
     warn$1(`useModel() called with prop "${name}" which is not declared.`);
     return reactivity.ref();
   }
+  const camelizedName = shared.camelize(name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -3289,7 +3309,8 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
       },
       set(value) {
         const rawProps = i.vnode.props;
-        if (!(rawProps && name in rawProps) && shared.hasChanged(value, localValue)) {
+        if (!(rawProps && // check if parent has passed v-model
+        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -3303,7 +3324,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
     return {
       next() {
         if (i2 < 2) {
-          return { value: i2++ ? props[modifierKey] : res, done: false };
+          return { value: i2++ ? props[modifierKey] || {} : res, done: false };
         } else {
           return { done: true };
         }
@@ -7759,19 +7780,6 @@ function h(type, propsOrChildren, children) {
   }
 }
 
-const ssrContextKey = Symbol.for("v-scx");
-const useSSRContext = () => {
-  {
-    const ctx = inject(ssrContextKey);
-    if (!ctx) {
-      warn$1(
-        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
-      );
-    }
-    return ctx;
-  }
-};
-
 function isShallow(value) {
   return !!(value && value["__v_isShallow"]);
 }
@@ -7977,7 +7985,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.2";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;

package/dist/runtime-core.cjs.prod.js

@@ -1215,6 +1215,14 @@ function isVNodeSuspensible(vnode) {
   return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
 }
 
+const ssrContextKey = Symbol.for("v-scx");
+const useSSRContext = () => {
+  {
+    const ctx = inject(ssrContextKey);
+    return ctx;
+  }
+};
+
 function watchEffect(effect, options) {
   return doWatch(effect, null, options);
 }
@@ -1260,8 +1268,8 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = reactivity.isShallow(source);
   } else if (reactivity.isReactive(source)) {
-    getter = () => source;
-    deep = true;
+    getter = reactivity.isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    forceTrigger = true;
   } else if (shared.isArray(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => reactivity.isReactive(s) || reactivity.isShallow(s));
@@ -1269,7 +1277,7 @@ function doWatch(source, cb, {
       if (reactivity.isRef(s)) {
         return s.value;
       } else if (reactivity.isReactive(s)) {
-        return traverse(s);
+        return traverse(s, reactivity.isShallow(s) || deep === false ? 1 : void 0);
       } else if (shared.isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else ;
@@ -1416,28 +1424,34 @@ function createPathGetter(ctx, path) {
     return cur;
   };
 }
-function traverse(value, seen) {
+function traverse(value, depth, currentDepth = 0, seen) {
   if (!shared.isObject(value) || value["__v_skip"]) {
     return value;
   }
+  if (depth && depth > 0) {
+    if (currentDepth >= depth) {
+      return value;
+    }
+    currentDepth++;
+  }
   seen = seen || /* @__PURE__ */ new Set();
   if (seen.has(value)) {
     return value;
   }
   seen.add(value);
   if (reactivity.isRef(value)) {
-    traverse(value.value, seen);
+    traverse(value.value, depth, currentDepth, seen);
   } else if (shared.isArray(value)) {
     for (let i = 0; i < value.length; i++) {
-      traverse(value[i], seen);
+      traverse(value[i], depth, currentDepth, seen);
     }
   } else if (shared.isSet(value) || shared.isMap(value)) {
     value.forEach((v) => {
-      traverse(v, seen);
+      traverse(v, depth, currentDepth, seen);
     });
   } else if (shared.isPlainObject(value)) {
     for (const key in value) {
-      traverse(value[key], seen);
+      traverse(value[key], depth, currentDepth, seen);
     }
   }
   return value;
@@ -2514,6 +2528,7 @@ function useAttrs() {
 }
 function useModel(props, name, options = shared.EMPTY_OBJ) {
   const i = getCurrentInstance();
+  const camelizedName = shared.camelize(name);
   const res = reactivity.customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -2530,7 +2545,8 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
       },
       set(value) {
         const rawProps = i.vnode.props;
-        if (!(rawProps && name in rawProps) && shared.hasChanged(value, localValue)) {
+        if (!(rawProps && // check if parent has passed v-model
+        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && shared.hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -2544,7 +2560,7 @@ function useModel(props, name, options = shared.EMPTY_OBJ) {
     return {
       next() {
         if (i2 < 2) {
-          return { value: i2++ ? props[modifierKey] : res, done: false };
+          return { value: i2++ ? props[modifierKey] || {} : res, done: false };
         } else {
           return { done: true };
         }
@@ -6206,14 +6222,6 @@ function h(type, propsOrChildren, children) {
   }
 }
 
-const ssrContextKey = Symbol.for("v-scx");
-const useSSRContext = () => {
-  {
-    const ctx = inject(ssrContextKey);
-    return ctx;
-  }
-};
-
 function initCustomFormatter() {
   {
     return;
@@ -6245,7 +6253,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.2";
 const warn$1 = shared.NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;

package/dist/runtime-core.d.ts

@@ -1153,9 +1153,9 @@ export declare function watchEffect(effect: WatchEffect, options?: WatchOptionsB
 export declare function watchPostEffect(effect: WatchEffect, options?: DebuggerOptions): WatchStopHandle;
 export declare function watchSyncEffect(effect: WatchEffect, options?: DebuggerOptions): WatchStopHandle;
 type MultiWatchSources = (WatchSource<unknown> | object)[];
+export declare function watch<T, Immediate extends Readonly<boolean> = false>(source: WatchSource<T>, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: WatchOptions<Immediate>): WatchStopHandle;
 export declare function watch<T extends MultiWatchSources, Immediate extends Readonly<boolean> = false>(sources: [...T], cb: WatchCallback<MapSources<T, false>, MapSources<T, Immediate>>, options?: WatchOptions<Immediate>): WatchStopHandle;
 export declare function watch<T extends Readonly<MultiWatchSources>, Immediate extends Readonly<boolean> = false>(source: T, cb: WatchCallback<MapSources<T, false>, MapSources<T, Immediate>>, options?: WatchOptions<Immediate>): WatchStopHandle;
-export declare function watch<T, Immediate extends Readonly<boolean> = false>(source: WatchSource<T>, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: WatchOptions<Immediate>): WatchStopHandle;
 export declare function watch<T extends object, Immediate extends Readonly<boolean> = false>(source: T, cb: WatchCallback<T, Immediate extends true ? T | undefined : T>, options?: WatchOptions<Immediate>): WatchStopHandle;
 
 type AsyncComponentResolveResult<T = Component> = T | {

package/dist/runtime-core.esm-bundler.js

@@ -1,6 +1,6 @@
 import { pauseTracking, resetTracking, isRef, toRaw, getCurrentScope, isShallow as isShallow$1, isReactive, ReactiveEffect, ref, shallowReadonly, track, customRef, reactive, shallowReactive, trigger, isProxy, proxyRefs, markRaw, EffectScope, computed as computed$1, isReadonly } from '@vue/reactivity';
 export { EffectScope, ReactiveEffect, TrackOpTypes, TriggerOpTypes, customRef, effect, effectScope, getCurrentScope, isProxy, isReactive, isReadonly, isRef, isShallow, markRaw, onScopeDispose, proxyRefs, reactive, readonly, ref, shallowReactive, shallowReadonly, shallowRef, stop, toRaw, toRef, toRefs, toValue, triggerRef, unref } from '@vue/reactivity';
-import { isString, isFunction, isPromise, isArray, NOOP, getGlobalThis, extend, EMPTY_OBJ, toHandlerKey, looseToNumber, hyphenate, camelize, isObject, isOn, hasOwn, isModelListener, capitalize, toNumber, hasChanged, remove, isSet, isMap, isPlainObject, isBuiltInDirective, invokeArrayFns, isRegExp, isGloballyAllowed, NO, def, isReservedProp, EMPTY_ARR, toRawType, makeMap, normalizeClass, stringifyStyle, normalizeStyle, isKnownSvgAttr, isBooleanAttr, isKnownHtmlAttr, includeBooleanAttr } from '@vue/shared';
+import { isString, isFunction, isPromise, isArray, NOOP, getGlobalThis, extend, EMPTY_OBJ, toHandlerKey, looseToNumber, hyphenate, camelize, isObject, isOn, hasOwn, isModelListener, capitalize, toNumber, isSet, isMap, isPlainObject, hasChanged, remove, isBuiltInDirective, invokeArrayFns, isRegExp, isGloballyAllowed, NO, def, isReservedProp, EMPTY_ARR, toRawType, makeMap, normalizeClass, stringifyStyle, normalizeStyle, isKnownSvgAttr, isBooleanAttr, isKnownHtmlAttr, includeBooleanAttr } from '@vue/shared';
 export { camelize, capitalize, normalizeClass, normalizeProps, normalizeStyle, toDisplayString, toHandlerKey } from '@vue/shared';
 
 const stack = [];
@@ -1749,6 +1749,19 @@ function isVNodeSuspensible(vnode) {
   return ((_a = vnode.props) == null ? void 0 : _a.suspensible) != null && vnode.props.suspensible !== false;
 }
 
+const ssrContextKey = Symbol.for("v-scx");
+const useSSRContext = () => {
+  {
+    const ctx = inject(ssrContextKey);
+    if (!ctx) {
+      !!(process.env.NODE_ENV !== "production") && warn$1(
+        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
+      );
+    }
+    return ctx;
+  }
+};
+
 function watchEffect(effect, options) {
   return doWatch(effect, null, options);
 }
@@ -1823,8 +1836,8 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow$1(source);
   } else if (isReactive(source)) {
-    getter = () => source;
-    deep = true;
+    getter = isShallow$1(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => isReactive(s) || isShallow$1(s));
@@ -1832,7 +1845,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s);
+        return traverse(s, isShallow$1(s) || deep === false ? 1 : void 0);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -1986,28 +1999,34 @@ function createPathGetter(ctx, path) {
     return cur;
   };
 }
-function traverse(value, seen) {
+function traverse(value, depth, currentDepth = 0, seen) {
   if (!isObject(value) || value["__v_skip"]) {
     return value;
   }
+  if (depth && depth > 0) {
+    if (currentDepth >= depth) {
+      return value;
+    }
+    currentDepth++;
+  }
   seen = seen || /* @__PURE__ */ new Set();
   if (seen.has(value)) {
     return value;
   }
   seen.add(value);
   if (isRef(value)) {
-    traverse(value.value, seen);
+    traverse(value.value, depth, currentDepth, seen);
   } else if (isArray(value)) {
     for (let i = 0; i < value.length; i++) {
-      traverse(value[i], seen);
+      traverse(value[i], depth, currentDepth, seen);
     }
   } else if (isSet(value) || isMap(value)) {
     value.forEach((v) => {
-      traverse(v, seen);
+      traverse(v, depth, currentDepth, seen);
     });
   } else if (isPlainObject(value)) {
     for (const key in value) {
-      traverse(value[key], seen);
+      traverse(value[key], depth, currentDepth, seen);
     }
   }
   return value;
@@ -3277,6 +3296,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
     warn$1(`useModel() called with prop "${name}" which is not declared.`);
     return ref();
   }
+  const camelizedName = camelize(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -3293,7 +3313,8 @@ function useModel(props, name, options = EMPTY_OBJ) {
       },
       set(value) {
         const rawProps = i.vnode.props;
-        if (!(rawProps && name in rawProps) && hasChanged(value, localValue)) {
+        if (!(rawProps && // check if parent has passed v-model
+        (name in rawProps || camelizedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps)) && hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -3307,7 +3328,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
     return {
       next() {
         if (i2 < 2) {
-          return { value: i2++ ? props[modifierKey] : res, done: false };
+          return { value: i2++ ? props[modifierKey] || {} : res, done: false };
         } else {
           return { done: true };
         }
@@ -7831,19 +7852,6 @@ function h(type, propsOrChildren, children) {
   }
 }
 
-const ssrContextKey = Symbol.for("v-scx");
-const useSSRContext = () => {
-  {
-    const ctx = inject(ssrContextKey);
-    if (!ctx) {
-      !!(process.env.NODE_ENV !== "production") && warn$1(
-        `Server rendering context not provided. Make sure to only call useSSRContext() conditionally in the server build.`
-      );
-    }
-    return ctx;
-  }
-};
-
 function isShallow(value) {
   return !!(value && value["__v_isShallow"]);
 }
@@ -8049,7 +8057,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.2";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__ ? devtools$1 : void 0;

package/package.json

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