@vue/compat 3.4.0 → 3.4.2

package/dist/vue.esm-bundler.js

@@ -3859,6 +3859,19 @@ function mapCompatDirectiveHook(name, dir, instance) {
   }
 }
 
+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);
 }
@@ -3933,8 +3946,8 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow(source);
   } else if (isReactive(source)) {
-    getter = () => source;
-    deep = true;
+    getter = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
     forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
@@ -3942,7 +3955,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s);
+        return traverse(s, isShallow(s) || deep === false ? 1 : void 0);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -4106,28 +4119,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;
@@ -5922,6 +5941,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(() => {
@@ -5938,7 +5958,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();
         }
@@ -5952,7 +5973,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 };
         }
@@ -6534,7 +6555,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.0"}`;
+  Vue.version = `2.6.14-compat:${"3.4.2"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -11120,19 +11141,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 initCustomFormatter() {
   if (!!!(process.env.NODE_ENV !== "production") || typeof window === "undefined") {
     return;
@@ -11334,7 +11342,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;
@@ -14308,7 +14316,7 @@ const deprecationData = {
     message: `"inline-template" has been removed in Vue 3.`,
     link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`
   },
-  ["COMPILER_FILTER"]: {
+  ["COMPILER_FILTERS"]: {
     message: `filters have been removed in Vue 3. The "|" symbol will be treated as native JavaScript bitwise OR operator. Use method calls or computed properties instead.`,
     link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
   }
@@ -18176,7 +18184,7 @@ function createTransformProps(props = []) {
 
 const validDivisionCharRE = /[\w).+\-_$\]]/;
 const transformFilter = (node, context) => {
-  if (!isCompatEnabled("COMPILER_FILTER", context)) {
+  if (!isCompatEnabled("COMPILER_FILTERS", context)) {
     return;
   }
   if (node.type === 5) {
@@ -18297,7 +18305,7 @@ function parseFilter(node, context) {
   }
   if (filters.length) {
     !!(process.env.NODE_ENV !== "production") && warnDeprecation(
-      "COMPILER_FILTER",
+      "COMPILER_FILTERS",
       context,
       node.loc
     );

package/dist/vue.global.js

@@ -3855,6 +3855,13 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
 
+  const ssrContextKey = Symbol.for("v-scx");
+  const useSSRContext = () => {
+    {
+      warn$1(`useSSRContext() is not supported in the global build.`);
+    }
+  };
+
   function watchEffect(effect, options) {
     return doWatch(effect, null, options);
   }
@@ -3929,8 +3936,8 @@ If this is a native custom element, make sure to exclude it from component resol
       getter = () => source.value;
       forceTrigger = isShallow(source);
     } else if (isReactive(source)) {
-      getter = () => source;
-      deep = true;
+      getter = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+      forceTrigger = true;
     } else if (isArray(source)) {
       isMultiSource = true;
       forceTrigger = source.some((s) => isReactive(s) || isShallow(s));
@@ -3938,7 +3945,7 @@ If this is a native custom element, make sure to exclude it from component resol
         if (isRef(s)) {
           return s.value;
         } else if (isReactive(s)) {
-          return traverse(s);
+          return traverse(s, isShallow(s) || deep === false ? 1 : void 0);
         } else if (isFunction(s)) {
           return callWithErrorHandling(s, instance, 2);
         } else {
@@ -4081,28 +4088,34 @@ If this is a native custom element, make sure to exclude it from component resol
       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;
@@ -5889,6 +5902,7 @@ If this is a native custom element, make sure to exclude it from component resol
       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(() => {
@@ -5905,7 +5919,8 @@ If this is a native custom element, make sure to exclude it from component resol
         },
         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();
           }
@@ -5919,7 +5934,7 @@ If this is a native custom element, make sure to exclude it from component resol
       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 };
           }
@@ -6499,7 +6514,7 @@ If this is a native custom element, make sure to exclude it from component resol
         return vm;
       }
     }
-    Vue.version = `2.6.14-compat:${"3.4.0"}`;
+    Vue.version = `2.6.14-compat:${"3.4.2"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -11001,13 +11016,6 @@ Component that was made reactive: `,
     }
   }
 
-  const ssrContextKey = Symbol.for("v-scx");
-  const useSSRContext = () => {
-    {
-      warn$1(`useSSRContext() is not supported in the global build.`);
-    }
-  };
-
   function initCustomFormatter() {
     if (typeof window === "undefined") {
       return;
@@ -11209,7 +11217,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.0";
+  const version = "3.4.2";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -14121,7 +14129,7 @@ Make sure to use the production build (*.prod.js) when deploying for production.
       message: `"inline-template" has been removed in Vue 3.`,
       link: `https://v3-migration.vuejs.org/breaking-changes/inline-template-attribute.html`
     },
-    ["COMPILER_FILTER"]: {
+    ["COMPILER_FILTERS"]: {
       message: `filters have been removed in Vue 3. The "|" symbol will be treated as native JavaScript bitwise OR operator. Use method calls or computed properties instead.`,
       link: `https://v3-migration.vuejs.org/breaking-changes/filters.html`
     }
@@ -17986,7 +17994,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
 
   const validDivisionCharRE = /[\w).+\-_$\]]/;
   const transformFilter = (node, context) => {
-    if (!isCompatEnabled("COMPILER_FILTER", context)) {
+    if (!isCompatEnabled("COMPILER_FILTERS", context)) {
       return;
     }
     if (node.type === 5) {
@@ -18107,7 +18115,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
     }
     if (filters.length) {
       warnDeprecation(
-        "COMPILER_FILTER",
+        "COMPILER_FILTERS",
         context,
         node.loc
       );