@vue/compat 3.4.0 → 3.4.1

package/dist/vue.cjs.js

@@ -3903,6 +3903,19 @@ function mapCompatDirectiveHook(name, dir, instance) {
   }
 }
 
+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);
 }
@@ -5964,6 +5977,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(() => {
@@ -5980,7 +5994,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();
         }
@@ -5994,7 +6009,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 };
         }
@@ -6574,7 +6589,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.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -11093,19 +11108,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 initCustomFormatter() {
   if (typeof window === "undefined") {
     return;
@@ -11307,7 +11309,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.1";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -14276,7 +14278,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`
   }
@@ -19020,7 +19022,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) {
@@ -19141,7 +19143,7 @@ function parseFilter(node, context) {
   }
   if (filters.length) {
     warnDeprecation(
-      "COMPILER_FILTER",
+      "COMPILER_FILTERS",
       context,
       node.loc
     );

package/dist/vue.cjs.prod.js

@@ -2935,6 +2935,14 @@ function mapCompatDirectiveHook(name, dir, instance) {
   }
 }
 
+const ssrContextKey = Symbol.for("v-scx");
+const useSSRContext = () => {
+  {
+    const ctx = inject(ssrContextKey);
+    return ctx;
+  }
+};
+
 function watchEffect(effect, options) {
   return doWatch(effect, null, options);
 }
@@ -4768,6 +4776,7 @@ function useAttrs() {
 }
 function useModel(props, name, options = EMPTY_OBJ) {
   const i = getCurrentInstance();
+  const camelizedName = camelize(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -4784,7 +4793,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();
         }
@@ -4798,7 +4808,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 };
         }
@@ -5265,7 +5275,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.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -9034,14 +9044,6 @@ function h(type, propsOrChildren, children) {
   }
 }
 
-const ssrContextKey = Symbol.for("v-scx");
-const useSSRContext = () => {
-  {
-    const ctx = inject(ssrContextKey);
-    return ctx;
-  }
-};
-
 function initCustomFormatter() {
   {
     return;
@@ -9073,7 +9075,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.1";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -16493,7 +16495,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) {

package/dist/vue.esm-browser.js

@@ -3852,6 +3852,19 @@ function mapCompatDirectiveHook(name, dir, instance) {
   }
 }
 
+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);
 }
@@ -5886,6 +5899,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(() => {
@@ -5902,7 +5916,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();
         }
@@ -5916,7 +5931,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 };
         }
@@ -6496,7 +6511,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.1"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -10998,19 +11013,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 initCustomFormatter() {
   if (typeof window === "undefined") {
     return;
@@ -11212,7 +11214,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.0";
+const version = "3.4.1";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -14136,7 +14138,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`
   }
@@ -18001,7 +18003,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) {
@@ -18122,7 +18124,7 @@ function parseFilter(node, context) {
   }
   if (filters.length) {
     warnDeprecation(
-      "COMPILER_FILTER",
+      "COMPILER_FILTERS",
       context,
       node.loc
     );