@vue/compat 3.4.3 → 3.4.5

package/dist/vue.cjs.js

@@ -3573,7 +3573,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -3950,7 +3950,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -3958,6 +3957,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
+  if (deep !== void 0 && typeof deep === "number") {
+    warn$1(
+      `watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.`
+    );
+  }
   if (!cb) {
     if (immediate !== void 0) {
       warn$1(
@@ -3982,7 +3986,11 @@ function doWatch(source, cb, {
       `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
     );
   };
-  const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -3990,7 +3998,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow(source);
   } else if (isReactive(source)) {
-    getter = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
@@ -3999,7 +4007,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s, isShallow(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -4011,9 +4019,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -4105,10 +4110,11 @@ function doWatch(source, cb, {
     scheduler = () => queueJob(job);
   }
   const effect = new ReactiveEffect(getter, NOOP, scheduler);
+  const scope = getCurrentScope();
   const unwatch = () => {
     effect.stop();
-    if (instance && instance.scope) {
-      remove(instance.scope.effects, effect);
+    if (scope) {
+      remove(scope.effects, effect);
     }
   };
   {
@@ -5984,6 +5990,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
     return ref();
   }
   const camelizedName = camelize(name);
+  const hyphenatedName = hyphenate(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -6001,7 +6008,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         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)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -6595,7 +6602,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -11315,7 +11322,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.5";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;
@@ -14482,6 +14489,18 @@ function isInDestructureAssignment(parent, parentStack) {
   }
   return false;
 }
+function isInNewExpression(parentStack) {
+  let i = parentStack.length;
+  while (i--) {
+    const p = parentStack[i];
+    if (p.type === "NewExpression") {
+      return true;
+    } else if (p.type !== "MemberExpression") {
+      break;
+    }
+  }
+  return false;
+}
 function walkFunctionParams(node, onIdent) {
   for (const p of node.params) {
     for (const id of extractIdentifiers(p)) {
@@ -17067,12 +17086,17 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
       const isAssignmentLVal = parent && parent.type === "AssignmentExpression" && parent.left === id;
       const isUpdateArg = parent && parent.type === "UpdateExpression" && parent.argument === id;
       const isDestructureAssignment = parent && isInDestructureAssignment(parent, parentStack);
+      const isNewExpression = parent && isInNewExpression(parentStack);
+      const wrapWithUnref = (raw2) => {
+        const wrapped = `${context.helperString(UNREF)}(${raw2})`;
+        return isNewExpression ? `(${wrapped})` : wrapped;
+      };
       if (isConst(type) || type === "setup-reactive-const" || localVars[raw]) {
         return raw;
       } else if (type === "setup-ref") {
         return `${raw}.value`;
       } else if (type === "setup-maybe-ref") {
-        return isAssignmentLVal || isUpdateArg || isDestructureAssignment ? `${raw}.value` : `${context.helperString(UNREF)}(${raw})`;
+        return isAssignmentLVal || isUpdateArg || isDestructureAssignment ? `${raw}.value` : wrapWithUnref(raw);
       } else if (type === "setup-let") {
         if (isAssignmentLVal) {
           const { right: rVal, operator } = parent;
@@ -17099,7 +17123,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
         } else if (isDestructureAssignment) {
           return raw;
         } else {
-          return `${context.helperString(UNREF)}(${raw})`;
+          return wrapWithUnref(raw);
         }
       } else if (type === "props") {
         return genPropsAccessExp(raw);

package/dist/vue.cjs.prod.js

@@ -2626,7 +2626,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -2972,7 +2972,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -2980,7 +2979,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
-  const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -2988,7 +2991,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow(source);
   } else if (isReactive(source)) {
-    getter = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
@@ -2997,7 +3000,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s, isShallow(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else ;
@@ -3007,9 +3010,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -3100,10 +3100,11 @@ function doWatch(source, cb, {
     scheduler = () => queueJob(job);
   }
   const effect = new ReactiveEffect(getter, NOOP, scheduler);
+  const scope = getCurrentScope();
   const unwatch = () => {
     effect.stop();
-    if (instance && instance.scope) {
-      remove(instance.scope.effects, effect);
+    if (scope) {
+      remove(scope.effects, effect);
     }
   };
   if (cb) {
@@ -4783,6 +4784,7 @@ function useAttrs() {
 function useModel(props, name, options = EMPTY_OBJ) {
   const i = getCurrentInstance();
   const camelizedName = camelize(name);
+  const hyphenatedName = hyphenate(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -4800,7 +4802,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         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)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -5281,7 +5283,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -9081,7 +9083,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.5";
 const warn$1 = NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = void 0;
@@ -12077,6 +12079,18 @@ function isInDestructureAssignment(parent, parentStack) {
   }
   return false;
 }
+function isInNewExpression(parentStack) {
+  let i = parentStack.length;
+  while (i--) {
+    const p = parentStack[i];
+    if (p.type === "NewExpression") {
+      return true;
+    } else if (p.type !== "MemberExpression") {
+      break;
+    }
+  }
+  return false;
+}
 function walkFunctionParams(node, onIdent) {
   for (const p of node.params) {
     for (const id of extractIdentifiers(p)) {
@@ -14589,12 +14603,17 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
       const isAssignmentLVal = parent && parent.type === "AssignmentExpression" && parent.left === id;
       const isUpdateArg = parent && parent.type === "UpdateExpression" && parent.argument === id;
       const isDestructureAssignment = parent && isInDestructureAssignment(parent, parentStack);
+      const isNewExpression = parent && isInNewExpression(parentStack);
+      const wrapWithUnref = (raw2) => {
+        const wrapped = `${context.helperString(UNREF)}(${raw2})`;
+        return isNewExpression ? `(${wrapped})` : wrapped;
+      };
       if (isConst(type) || type === "setup-reactive-const" || localVars[raw]) {
         return raw;
       } else if (type === "setup-ref") {
         return `${raw}.value`;
       } else if (type === "setup-maybe-ref") {
-        return isAssignmentLVal || isUpdateArg || isDestructureAssignment ? `${raw}.value` : `${context.helperString(UNREF)}(${raw})`;
+        return isAssignmentLVal || isUpdateArg || isDestructureAssignment ? `${raw}.value` : wrapWithUnref(raw);
       } else if (type === "setup-let") {
         if (isAssignmentLVal) {
           const { right: rVal, operator } = parent;
@@ -14621,7 +14640,7 @@ function processExpression(node, context, asParams = false, asRawStatements = fa
         } else if (isDestructureAssignment) {
           return raw;
         } else {
-          return `${context.helperString(UNREF)}(${raw})`;
+          return wrapWithUnref(raw);
         }
       } else if (type === "props") {
         return genPropsAccessExp(raw);

package/dist/vue.esm-browser.js

@@ -3522,7 +3522,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
     hiddenContainer,
     anchor,
     deps: 0,
-    pendingId: 0,
+    pendingId: suspenseId++,
     timeout: typeof timeout === "number" ? timeout : -1,
     activeBranch: null,
     pendingBranch: null,
@@ -3899,7 +3899,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -3907,6 +3906,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
+  if (deep !== void 0 && typeof deep === "number") {
+    warn$1(
+      `watch() "deep" option with number value will be used as watch depth in future versions. Please use a boolean instead to avoid potential breakage.`
+    );
+  }
   if (!cb) {
     if (immediate !== void 0) {
       warn$1(
@@ -3931,7 +3935,11 @@ function doWatch(source, cb, {
       `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`
     );
   };
-  const instance = getCurrentScope() === ((_a = currentInstance) == null ? void 0 : _a.scope) ? currentInstance : null;
+  const instance = currentInstance;
+  const reactiveGetter = (source2) => deep === true ? source2 : (
+    // for deep: false, only traverse root-level properties
+    traverse(source2, deep === false ? 1 : void 0)
+  );
   let getter;
   let forceTrigger = false;
   let isMultiSource = false;
@@ -3939,7 +3947,7 @@ function doWatch(source, cb, {
     getter = () => source.value;
     forceTrigger = isShallow(source);
   } else if (isReactive(source)) {
-    getter = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+    getter = () => reactiveGetter(source);
     forceTrigger = true;
   } else if (isArray(source)) {
     isMultiSource = true;
@@ -3948,7 +3956,7 @@ function doWatch(source, cb, {
       if (isRef(s)) {
         return s.value;
       } else if (isReactive(s)) {
-        return traverse(s, isShallow(s) || deep === false ? 1 : void 0);
+        return reactiveGetter(s);
       } else if (isFunction(s)) {
         return callWithErrorHandling(s, instance, 2);
       } else {
@@ -3960,9 +3968,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -4035,10 +4040,11 @@ function doWatch(source, cb, {
     scheduler = () => queueJob(job);
   }
   const effect = new ReactiveEffect(getter, NOOP, scheduler);
+  const scope = getCurrentScope();
   const unwatch = () => {
     effect.stop();
-    if (instance && instance.scope) {
-      remove(instance.scope.effects, effect);
+    if (scope) {
+      remove(scope.effects, effect);
     }
   };
   {
@@ -5906,6 +5912,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
     return ref();
   }
   const camelizedName = camelize(name);
+  const hyphenatedName = hyphenate(name);
   const res = customRef((track, trigger) => {
     let localValue;
     watchSyncEffect(() => {
@@ -5923,7 +5930,7 @@ function useModel(props, name, options = EMPTY_OBJ) {
       set(value) {
         const rawProps = i.vnode.props;
         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)) {
+        (name in rawProps || camelizedName in rawProps || hyphenatedName in rawProps) && (`onUpdate:${name}` in rawProps || `onUpdate:${camelizedName}` in rawProps || `onUpdate:${hyphenatedName}` in rawProps)) && hasChanged(value, localValue)) {
           localValue = value;
           trigger();
         }
@@ -6517,7 +6524,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.4.3"}`;
+  Vue.version = `2.6.14-compat:${"3.4.5"}`;
   Vue.config = singletonApp.config;
   Vue.use = (p, ...options) => {
     if (p && isFunction(p.install)) {
@@ -11220,7 +11227,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.5";
 const warn = warn$1 ;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = devtools$1 ;