@vue/compat 3.4.3 → 3.4.5

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

@@ -3464,7 +3464,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,
@@ -3841,7 +3841,6 @@ function doWatch(source, cb, {
   onTrack,
   onTrigger
 } = EMPTY_OBJ) {
-  var _a;
   if (cb && once) {
     const _cb = cb;
     cb = (...args) => {
@@ -3849,6 +3848,11 @@ function doWatch(source, cb, {
       unwatch();
     };
   }
+  if (!!(process.env.NODE_ENV !== "production") && 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 (!!(process.env.NODE_ENV !== "production") && !cb) {
     if (immediate !== void 0) {
       warn$1(
@@ -3873,7 +3877,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;
@@ -3881,7 +3889,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;
@@ -3890,7 +3898,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 {
@@ -3902,9 +3910,6 @@ function doWatch(source, cb, {
       getter = () => callWithErrorHandling(source, instance, 2);
     } else {
       getter = () => {
-        if (instance && instance.isUnmounted) {
-          return;
-        }
         if (cleanup) {
           cleanup();
         }
@@ -3996,10 +4001,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 (!!(process.env.NODE_ENV !== "production")) {
@@ -5877,6 +5883,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(() => {
@@ -5894,7 +5901,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();
         }
@@ -6490,7 +6497,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)) {
@@ -11277,7 +11284,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.4.3";
+const version = "3.4.5";
 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/dist/vue.runtime.global.js

@@ -3460,7 +3460,7 @@ If this is a native custom element, make sure to exclude it from component resol
       hiddenContainer,
       anchor,
       deps: 0,
-      pendingId: 0,
+      pendingId: suspenseId++,
       timeout: typeof timeout === "number" ? timeout : -1,
       activeBranch: null,
       pendingBranch: null,
@@ -3831,7 +3831,6 @@ If this is a native custom element, make sure to exclude it from component resol
     onTrack,
     onTrigger
   } = EMPTY_OBJ) {
-    var _a;
     if (cb && once) {
       const _cb = cb;
       cb = (...args) => {
@@ -3839,6 +3838,11 @@ If this is a native custom element, make sure to exclude it from component resol
         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(
@@ -3863,7 +3867,11 @@ If this is a native custom element, make sure to exclude it from component resol
         `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;
@@ -3871,7 +3879,7 @@ 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 = isShallow(source) || deep === false ? () => traverse(source, 1) : () => traverse(source);
+      getter = () => reactiveGetter(source);
       forceTrigger = true;
     } else if (isArray(source)) {
       isMultiSource = true;
@@ -3880,7 +3888,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, isShallow(s) || deep === false ? 1 : void 0);
+          return reactiveGetter(s);
         } else if (isFunction(s)) {
           return callWithErrorHandling(s, instance, 2);
         } else {
@@ -3892,9 +3900,6 @@ If this is a native custom element, make sure to exclude it from component resol
         getter = () => callWithErrorHandling(source, instance, 2);
       } else {
         getter = () => {
-          if (instance && instance.isUnmounted) {
-            return;
-          }
           if (cleanup) {
             cleanup();
           }
@@ -3967,10 +3972,11 @@ If this is a native custom element, make sure to exclude it from component resol
       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);
       }
     };
     {
@@ -5838,6 +5844,7 @@ If this is a native custom element, make sure to exclude it from component resol
       return ref();
     }
     const camelizedName = camelize(name);
+    const hyphenatedName = hyphenate(name);
     const res = customRef((track, trigger) => {
       let localValue;
       watchSyncEffect(() => {
@@ -5855,7 +5862,7 @@ If this is a native custom element, make sure to exclude it from component resol
         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();
           }
@@ -6449,7 +6456,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.3"}`;
+    Vue.version = `2.6.14-compat:${"3.4.5"}`;
     Vue.config = singletonApp.config;
     Vue.use = (p, ...options) => {
       if (p && isFunction(p.install)) {
@@ -11152,7 +11159,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.4.3";
+  const version = "3.4.5";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;