@vue/compat 3.5.14 → 3.5.16

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.14
+* @vue/compat v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2154,11 +2154,11 @@ function watch$1(source, cb, options = EMPTY_OBJ) {
             oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
             boundCleanup
           ];
+          oldValue = newValue;
           call ? call(cb, 3, args) : (
             // @ts-expect-error
             cb(...args)
           );
-          oldValue = newValue;
         } finally {
           activeWatcher = currentWatcher;
         }
@@ -3619,15 +3619,16 @@ const TeleportImpl = {
         updateCssVars(n2, true);
       }
       if (isTeleportDeferred(n2.props)) {
+        n2.el.__isMounted = false;
         queuePostRenderEffect(() => {
           mountToTarget();
-          n2.el.__isMounted = true;
+          delete n2.el.__isMounted;
         }, parentSuspense);
       } else {
         mountToTarget();
       }
     } else {
-      if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) {
+      if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
         queuePostRenderEffect(() => {
           TeleportImpl.process(
             n1,
@@ -3641,7 +3642,6 @@ const TeleportImpl = {
             optimized,
             internals
           );
-          delete n1.el.__isMounted;
         }, parentSuspense);
         return;
       }
@@ -4633,6 +4633,8 @@ function createHydrationFunctions(rendererInternals) {
         ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
         const content = el.content.firstChild;
         if (needCallTransitionHooks) {
+          const cls = content.getAttribute("class");
+          if (cls) content.$cls = cls;
           transition.beforeEnter(content);
         }
         replaceNode(content, el, parentComponent);
@@ -4896,7 +4898,12 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
   let actual;
   let expected;
   if (key === "class") {
-    actual = el.getAttribute("class");
+    if (el.$cls) {
+      actual = el.$cls;
+      delete el.$cls;
+    } else {
+      actual = el.getAttribute("class");
+    }
     expected = normalizeClass(clientValue);
     if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) {
       mismatchType = 2 /* CLASS */;
@@ -5191,14 +5198,25 @@ function defineAsyncComponent(source) {
     name: "AsyncComponentWrapper",
     __asyncLoader: load,
     __asyncHydrate(el, instance, hydrate) {
+      let patched = false;
       const doHydrate = hydrateStrategy ? () => {
+        const performHydrate = () => {
+          if (!!(process.env.NODE_ENV !== "production") && patched) {
+            warn$1(
+              `Skipping lazy hydration for component '${getComponentName(resolvedComp)}': it was updated before lazy hydration performed.`
+            );
+            return;
+          }
+          hydrate();
+        };
         const teardown = hydrateStrategy(
-          hydrate,
+          performHydrate,
           (cb) => forEachElement(el, cb)
         );
         if (teardown) {
           (instance.bum || (instance.bum = [])).push(teardown);
         }
+        (instance.u || (instance.u = [])).push(() => patched = true);
       } : hydrate;
       if (resolvedComp) {
         doHydrate();
@@ -7215,7 +7233,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
       return vm;
     }
   }
-  Vue.version = `2.6.14-compat:${"3.5.14"}`;
+  Vue.version = `2.6.14-compat:${"3.5.16"}`;
   Vue.config = singletonApp.config;
   Vue.use = (plugin, ...options) => {
     if (plugin && isFunction(plugin.install)) {
@@ -7763,9 +7781,15 @@ If you want to remount the same app, move your app creation logic into a factory
       },
       provide(key, value) {
         if (!!(process.env.NODE_ENV !== "production") && key in context.provides) {
-          warn$1(
-            `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-          );
+          if (hasOwn(context.provides, key)) {
+            warn$1(
+              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+            );
+          } else {
+            warn$1(
+              `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
+            );
+          }
         }
         context.provides[key] = value;
         return app;
@@ -7805,7 +7829,7 @@ function provide(key, value) {
 function inject(key, defaultValue, treatDefaultAsFactory = false) {
   const instance = currentInstance || currentRenderingInstance;
   if (instance || currentApp) {
-    const provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
+    let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
     if (provides && key in provides) {
       return provides[key];
     } else if (arguments.length > 1) {
@@ -8901,7 +8925,7 @@ function baseCreateRenderer(options, createHydrationFns) {
         (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
         // which also requires the correct parent container
         !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-        oldVNode.shapeFlag & (6 | 64)) ? hostParentNode(oldVNode.el) : (
+        oldVNode.shapeFlag & (6 | 64 | 128)) ? hostParentNode(oldVNode.el) : (
           // In other cases, the parent container is not actually used so we
           // just pass the block element here to avoid a DOM parentNode call.
           fallbackContainer
@@ -12419,7 +12443,7 @@ function isMemoSame(cached, memo) {
   return true;
 }
 
-const version = "3.5.14";
+const version = "3.5.16";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1 ;
 const devtools = !!(process.env.NODE_ENV !== "production") || true ? devtools$1 : void 0;
@@ -13119,7 +13143,7 @@ function compatCoerceAttr(el, key, value, instance = null) {
       el.setAttribute(key, v2CoercedValue);
       return true;
     }
-  } else if (value === false && !isSpecialBooleanAttr(key) && compatUtils.isCompatEnabled("ATTR_FALSE_VALUE", instance)) {
+  } else if (value === false && !(el.tagName === "INPUT" && key === "value") && !isSpecialBooleanAttr(key) && compatUtils.isCompatEnabled("ATTR_FALSE_VALUE", instance)) {
     compatUtils.warnDeprecation(
       "ATTR_FALSE_VALUE",
       instance,
@@ -13408,13 +13432,10 @@ class VueElement extends BaseClass {
         this._root = this;
       }
     }
-    if (!this._def.__asyncLoader) {
-      this._resolveProps(this._def);
-    }
   }
   connectedCallback() {
     if (!this.isConnected) return;
-    if (!this.shadowRoot) {
+    if (!this.shadowRoot && !this._resolved) {
       this._parseSlots();
     }
     this._connected = true;
@@ -13427,8 +13448,7 @@ class VueElement extends BaseClass {
     }
     if (!this._instance) {
       if (this._resolved) {
-        this._setParent();
-        this._update();
+        this._mount(this._def);
       } else {
         if (parent && parent._pendingResolve) {
           this._pendingResolve = parent._pendingResolve.then(() => {
@@ -13444,7 +13464,15 @@ class VueElement extends BaseClass {
   _setParent(parent = this._parent) {
     if (parent) {
       this._instance.parent = parent._instance;
-      this._instance.provides = parent._instance.provides;
+      this._inheritParentContext(parent);
+    }
+  }
+  _inheritParentContext(parent = this._parent) {
+    if (parent && this._app) {
+      Object.setPrototypeOf(
+        this._app._context.provides,
+        parent._instance.provides
+      );
     }
   }
   disconnectedCallback() {
@@ -13494,9 +13522,7 @@ class VueElement extends BaseClass {
         }
       }
       this._numberProps = numberProps;
-      if (isAsync) {
-        this._resolveProps(def);
-      }
+      this._resolveProps(def);
       if (this.shadowRoot) {
         this._applyStyles(styles);
       } else if (!!(process.env.NODE_ENV !== "production") && styles) {
@@ -13520,6 +13546,7 @@ class VueElement extends BaseClass {
       def.name = "VueElement";
     }
     this._app = this._createApp(def);
+    this._inheritParentContext();
     if (def.configureApp) {
       def.configureApp(this._app);
     }
@@ -13604,7 +13631,9 @@ class VueElement extends BaseClass {
     }
   }
   _update() {
-    render(this._createVNode(), this._root);
+    const vnode = this._createVNode();
+    if (this._app) vnode.appContext = this._app._context;
+    render(vnode, this._root);
   }
   _createVNode() {
     const baseProps = {};
@@ -19114,9 +19143,8 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
         hasDynamicKeys = true;
         if (exp) {
           if (isVBind) {
-            pushRefVForMarker();
-            pushMergeArg();
             {
+              pushMergeArg();
               if (!!(process.env.NODE_ENV !== "production")) {
                 const hasOverridableKeys = mergeArgs.some((arg2) => {
                   if (arg2.type === 15) {
@@ -19146,6 +19174,8 @@ function buildProps(node, context, props = node.props, isComponent, isDynamicCom
                 continue;
               }
             }
+            pushRefVForMarker();
+            pushMergeArg();
             mergeArgs.push(exp);
           } else {
             pushMergeArg({
@@ -20378,6 +20408,9 @@ const ignoreSideEffectTags = (node, context) => {
 };
 
 function isValidHTMLNesting(parent, child) {
+  if (parent === "template") {
+    return true;
+  }
   if (parent in onlyValidChildren) {
     return onlyValidChildren[parent].has(child);
   }

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-* @vue/compat v3.5.14
+* @vue/compat v3.5.16
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -2147,11 +2147,11 @@ var Vue = (function () {
               oldValue === INITIAL_WATCHER_VALUE ? void 0 : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
               boundCleanup
             ];
+            oldValue = newValue;
             call ? call(cb, 3, args) : (
               // @ts-expect-error
               cb(...args)
             );
-            oldValue = newValue;
           } finally {
             activeWatcher = currentWatcher;
           }
@@ -3604,15 +3604,16 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           updateCssVars(n2, true);
         }
         if (isTeleportDeferred(n2.props)) {
+          n2.el.__isMounted = false;
           queuePostRenderEffect(() => {
             mountToTarget();
-            n2.el.__isMounted = true;
+            delete n2.el.__isMounted;
           }, parentSuspense);
         } else {
           mountToTarget();
         }
       } else {
-        if (isTeleportDeferred(n2.props) && !n1.el.__isMounted) {
+        if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
           queuePostRenderEffect(() => {
             TeleportImpl.process(
               n1,
@@ -3626,7 +3627,6 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
               optimized,
               internals
             );
-            delete n1.el.__isMounted;
           }, parentSuspense);
           return;
         }
@@ -4617,6 +4617,8 @@ Details: https://v3-migration.vuejs.org/breaking-changes/migration-build.html`
           ) && parentComponent && parentComponent.vnode.props && parentComponent.vnode.props.appear;
           const content = el.content.firstChild;
           if (needCallTransitionHooks) {
+            const cls = content.getAttribute("class");
+            if (cls) content.$cls = cls;
             transition.beforeEnter(content);
           }
           replaceNode(content, el, parentComponent);
@@ -4869,7 +4871,12 @@ Server rendered element contains fewer child nodes than client vdom.`
     let actual;
     let expected;
     if (key === "class") {
-      actual = el.getAttribute("class");
+      if (el.$cls) {
+        actual = el.$cls;
+        delete el.$cls;
+      } else {
+        actual = el.getAttribute("class");
+      }
       expected = normalizeClass(clientValue);
       if (!isSetEqual(toClassSet(actual || ""), toClassSet(expected))) {
         mismatchType = 2 /* CLASS */;
@@ -5164,14 +5171,25 @@ Server rendered element contains fewer child nodes than client vdom.`
       name: "AsyncComponentWrapper",
       __asyncLoader: load,
       __asyncHydrate(el, instance, hydrate) {
+        let patched = false;
         const doHydrate = hydrateStrategy ? () => {
+          const performHydrate = () => {
+            if (patched) {
+              warn$1(
+                `Skipping lazy hydration for component '${getComponentName(resolvedComp)}': it was updated before lazy hydration performed.`
+              );
+              return;
+            }
+            hydrate();
+          };
           const teardown = hydrateStrategy(
-            hydrate,
+            performHydrate,
             (cb) => forEachElement(el, cb)
           );
           if (teardown) {
             (instance.bum || (instance.bum = [])).push(teardown);
           }
+          (instance.u || (instance.u = [])).push(() => patched = true);
         } : hydrate;
         if (resolvedComp) {
           doHydrate();
@@ -7177,7 +7195,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.5.14"}`;
+    Vue.version = `2.6.14-compat:${"3.5.16"}`;
     Vue.config = singletonApp.config;
     Vue.use = (plugin, ...options) => {
       if (plugin && isFunction(plugin.install)) {
@@ -7723,9 +7741,15 @@ If you want to remount the same app, move your app creation logic into a factory
         },
         provide(key, value) {
           if (key in context.provides) {
-            warn$1(
-              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-            );
+            if (hasOwn(context.provides, key)) {
+              warn$1(
+                `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+              );
+            } else {
+              warn$1(
+                `App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`
+              );
+            }
           }
           context.provides[key] = value;
           return app;
@@ -7765,7 +7789,7 @@ If you want to remount the same app, move your app creation logic into a factory
   function inject(key, defaultValue, treatDefaultAsFactory = false) {
     const instance = currentInstance || currentRenderingInstance;
     if (instance || currentApp) {
-      const provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
+      let provides = currentApp ? currentApp._context.provides : instance ? instance.parent == null || instance.ce ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : void 0;
       if (provides && key in provides) {
         return provides[key];
       } else if (arguments.length > 1) {
@@ -8834,7 +8858,7 @@ If you want to remount the same app, move your app creation logic into a factory
           (oldVNode.type === Fragment || // - In the case of different nodes, there is going to be a replacement
           // which also requires the correct parent container
           !isSameVNodeType(oldVNode, newVNode) || // - In the case of a component, it could contain anything.
-          oldVNode.shapeFlag & (6 | 64)) ? hostParentNode(oldVNode.el) : (
+          oldVNode.shapeFlag & (6 | 64 | 128)) ? hostParentNode(oldVNode.el) : (
             // In other cases, the parent container is not actually used so we
             // just pass the block element here to avoid a DOM parentNode call.
             fallbackContainer
@@ -12285,7 +12309,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.5.14";
+  const version = "3.5.16";
   const warn = warn$1 ;
   const ErrorTypeStrings = ErrorTypeStrings$1 ;
   const devtools = devtools$1 ;
@@ -12966,7 +12990,7 @@ Component that was made reactive: `,
         el.setAttribute(key, v2CoercedValue);
         return true;
       }
-    } else if (value === false && !isSpecialBooleanAttr(key) && compatUtils.isCompatEnabled("ATTR_FALSE_VALUE", instance)) {
+    } else if (value === false && !(el.tagName === "INPUT" && key === "value") && !isSpecialBooleanAttr(key) && compatUtils.isCompatEnabled("ATTR_FALSE_VALUE", instance)) {
       compatUtils.warnDeprecation(
         "ATTR_FALSE_VALUE",
         instance,
@@ -13255,13 +13279,10 @@ Expected function or array of functions, received type ${typeof value}.`
           this._root = this;
         }
       }
-      if (!this._def.__asyncLoader) {
-        this._resolveProps(this._def);
-      }
     }
     connectedCallback() {
       if (!this.isConnected) return;
-      if (!this.shadowRoot) {
+      if (!this.shadowRoot && !this._resolved) {
         this._parseSlots();
       }
       this._connected = true;
@@ -13274,8 +13295,7 @@ Expected function or array of functions, received type ${typeof value}.`
       }
       if (!this._instance) {
         if (this._resolved) {
-          this._setParent();
-          this._update();
+          this._mount(this._def);
         } else {
           if (parent && parent._pendingResolve) {
             this._pendingResolve = parent._pendingResolve.then(() => {
@@ -13291,7 +13311,15 @@ Expected function or array of functions, received type ${typeof value}.`
     _setParent(parent = this._parent) {
       if (parent) {
         this._instance.parent = parent._instance;
-        this._instance.provides = parent._instance.provides;
+        this._inheritParentContext(parent);
+      }
+    }
+    _inheritParentContext(parent = this._parent) {
+      if (parent && this._app) {
+        Object.setPrototypeOf(
+          this._app._context.provides,
+          parent._instance.provides
+        );
       }
     }
     disconnectedCallback() {
@@ -13341,9 +13369,7 @@ Expected function or array of functions, received type ${typeof value}.`
           }
         }
         this._numberProps = numberProps;
-        if (isAsync) {
-          this._resolveProps(def);
-        }
+        this._resolveProps(def);
         if (this.shadowRoot) {
           this._applyStyles(styles);
         } else if (styles) {
@@ -13367,6 +13393,7 @@ Expected function or array of functions, received type ${typeof value}.`
         def.name = "VueElement";
       }
       this._app = this._createApp(def);
+      this._inheritParentContext();
       if (def.configureApp) {
         def.configureApp(this._app);
       }
@@ -13451,7 +13478,9 @@ Expected function or array of functions, received type ${typeof value}.`
       }
     }
     _update() {
-      render(this._createVNode(), this._root);
+      const vnode = this._createVNode();
+      if (this._app) vnode.appContext = this._app._context;
+      render(vnode, this._root);
     }
     _createVNode() {
       const baseProps = {};
@@ -18911,9 +18940,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           hasDynamicKeys = true;
           if (exp) {
             if (isVBind) {
-              pushRefVForMarker();
-              pushMergeArg();
               {
+                pushMergeArg();
                 {
                   const hasOverridableKeys = mergeArgs.some((arg2) => {
                     if (arg2.type === 15) {
@@ -18943,6 +18971,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
                   continue;
                 }
               }
+              pushRefVForMarker();
+              pushMergeArg();
               mergeArgs.push(exp);
             } else {
               pushMergeArg({
@@ -20175,6 +20205,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   };
 
   function isValidHTMLNesting(parent, child) {
+    if (parent === "template") {
+      return true;
+    }
     if (parent in onlyValidChildren) {
       return onlyValidChildren[parent].has(child);
     }