@vue/compat 3.6.0-rc.2 → 3.6.0-rc.4

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-rc.2
+  * @vue/compat v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -319,7 +319,7 @@ var Vue = (function() {
 	/**
 	* The full list is needed during SSR to produce the correct initial markup.
 	*/
-	const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
+	const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 	/**
 	* Boolean attributes should be included if the value is truthy or ''.
 	* e.g. `<select multiple>` compiles to `{ multiple: '' }`
@@ -2601,7 +2601,7 @@ var Vue = (function() {
 	function queuePostFlushCb(jobs, id = Infinity) {
 		if (!isArray(jobs)) if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
 		else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
-		else for (const job of jobs) queueJobWorker(job, id, postJobs, postJobs.length, 0);
+		else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 		queueFlush();
 	}
 	function flushPreFlushCbs(instance, seen) {
@@ -2622,7 +2622,7 @@ var Vue = (function() {
 	function flushPostFlushCbs(seen) {
 		if (postJobs.length) {
 			if (activePostJobs) {
-				activePostJobs.push(...postJobs);
+				for (let i = 0; i < postJobs.length; i++) activePostJobs.push(postJobs[i]);
 				postJobs.length = 0;
 				return;
 			}
@@ -3782,49 +3782,16 @@ var Vue = (function() {
 		setup(props, { slots }) {
 			const instance = getCurrentInstance();
 			const state = useTransitionState();
+			let resumeAfterLeave;
 			return () => {
-				const children = slots.default && getTransitionRawChildren(slots.default(), true);
-				const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+				const child = resolveTransitionChild(slots.default && slots.default(), !!instance.subTree);
 				if (!child) return;
 				const rawProps = /* @__PURE__ */ toRaw(props);
 				const { mode } = rawProps;
 				checkTransitionMode(mode);
-				if (state.isLeaving) return emptyPlaceholder(child);
-				const innerChild = getInnerChild$1(child);
-				if (!innerChild) return emptyPlaceholder(child);
-				let enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance, (hooks) => enterHooks = hooks);
-				if (innerChild.type !== Comment) setTransitionHooks(innerChild, enterHooks);
-				let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-				if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
-					let leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
-					setTransitionHooks(oldInnerChild, leavingHooks);
-					if (mode === "out-in" && innerChild.type !== Comment) {
-						state.isLeaving = true;
-						leavingHooks.afterLeave = () => {
-							state.isLeaving = false;
-							if (!(instance.job.flags & 4)) instance.update();
-							delete leavingHooks.afterLeave;
-							oldInnerChild = void 0;
-						};
-						return emptyPlaceholder(child);
-					} else if (mode === "in-out" && innerChild.type !== Comment) leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-						const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-						leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-						el[leaveCbKey] = () => {
-							earlyRemove();
-							el[leaveCbKey] = void 0;
-							delete enterHooks.delayedLeave;
-							oldInnerChild = void 0;
-						};
-						enterHooks.delayedLeave = () => {
-							delayedLeave();
-							delete enterHooks.delayedLeave;
-							oldInnerChild = void 0;
-						};
-					};
-					else oldInnerChild = void 0;
-				} else if (oldInnerChild) oldInnerChild = void 0;
-				return child;
+				return prepareTransitionSwitch(instance.subTree, child, rawProps, state, instance, mode === "out-in" ? resumeAfterLeave || (resumeAfterLeave = () => {
+					if (!(instance.job.flags & 4)) instance.update();
+				}) : NOOP);
 			};
 		}
 	};
@@ -3967,15 +3934,91 @@ var Vue = (function() {
 			if (shapeFlag & 32 && isFunction(children.default)) return children.default();
 		}
 	}
+	function resolveTransitionChild(children, renderEmpty = false) {
+		const branches = children && getTransitionRawChildren(children, true);
+		return branches && branches.length ? findNonCommentChild(branches) : renderEmpty ? createCommentVNode() : void 0;
+	}
+	/**
+	* @internal
+	*/
+	function prepareTransitionSwitch(previous, next, props, state, instance, resumeAfterLeave, delayedLeaveSource) {
+		if (state.isLeaving) return emptyPlaceholder(next);
+		const nextInner = getInnerChild$1(next);
+		if (!nextInner) return emptyPlaceholder(next);
+		let enterHooks = resolveTransitionHooks(nextInner, props, state, instance, (hooks) => {
+			if (delayedLeaveSource) forwardDelayedLeave(hooks, delayedLeaveSource);
+			enterHooks = hooks;
+		});
+		if (delayedLeaveSource) forwardDelayedLeave(enterHooks, delayedLeaveSource);
+		if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
+		const mode = props.mode;
+		const previousInner = previous && getInnerChild$1(previous);
+		if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+			const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
+			if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
+		}
+		return next;
+	}
+	function forwardDelayedLeave(hooks, source) {
+		const delayedLeave = source && source.delayedLeave;
+		if (!delayedLeave) return;
+		hooks.delayedLeave = () => {
+			if (source.delayedLeave === delayedLeave) delayedLeave();
+			delete hooks.delayedLeave;
+		};
+	}
+	function prepareLeavingTransitionHooks(previousInner, props, state, instance) {
+		return setTransitionHooks(previousInner, resolveTransitionHooks(previousInner, props, state, instance));
+	}
+	function applyTransitionModeSwitch(leavingVNode, leavingHooks, getEnterHooks, props, state, resumeAfterLeave) {
+		if (props.mode === "out-in") {
+			state.isLeaving = true;
+			leavingHooks.afterLeave = () => {
+				state.isLeaving = false;
+				resumeAfterLeave();
+				delete leavingHooks.afterLeave;
+			};
+			return true;
+		} else if (props.mode === "in-out" && getEnterHooks) {
+			let delayedLeavingVNode = leavingVNode;
+			leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+				const enterHooks = getEnterHooks();
+				if (!enterHooks) {
+					delayedLeave();
+					return;
+				}
+				const vnode = delayedLeavingVNode;
+				const leavingVNodesCache = getLeavingNodesForType(state, vnode);
+				leavingVNodesCache[String(vnode.key)] = vnode;
+				el[leaveCbKey] = () => {
+					earlyRemove();
+					el[leaveCbKey] = void 0;
+					delete enterHooks.delayedLeave;
+					delayedLeavingVNode = void 0;
+				};
+				enterHooks.delayedLeave = () => {
+					delayedLeave();
+					delete enterHooks.delayedLeave;
+					delayedLeavingVNode = void 0;
+				};
+			};
+		}
+		return false;
+	}
 	function setTransitionHooks(vnode, hooks) {
 		if (vnode.shapeFlag & 6 && vnode.component) {
 			vnode.transition = hooks;
 			if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
-			else setTransitionHooks(vnode.component.subTree, hooks);
+			else {
+				const subTree = vnode.component.subTree;
+				return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
+			}
 		} else if (vnode.shapeFlag & 128) {
-			vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-			vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+			const contentHooks = vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+			const fallbackHooks = vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+			return vnode.suspense && vnode.suspense.activeBranch === vnode.ssFallback ? fallbackHooks : contentHooks;
 		} else vnode.transition = hooks;
+		return hooks;
 	}
 	function getTransitionRawChildren(children, keepComment = false, parentKey) {
 		let ret = [];
@@ -4327,7 +4370,10 @@ var Vue = (function() {
 					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 					for (const key in props) {
 						if (!(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) logMismatchError();
-						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
+						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) {
+							if (isUnchangedResourceProp(el, key, props[key])) continue;
+							patchProp(el, key, null, props[key], namespace, parentComponent);
+						}
 					}
 				}
 				let vnodeHooks;
@@ -4436,6 +4482,16 @@ var Vue = (function() {
 	/**
 	* Dev only
 	*/
+	const resourceProps = /* @__PURE__ */ new Set([
+		"src",
+		"srcset",
+		"href",
+		"poster"
+	]);
+	function isUnchangedResourceProp(el, key, clientValue) {
+		if (!resourceProps.has(key)) return false;
+		return el.getAttribute(key) === (clientValue == null ? null : `${clientValue}`);
+	}
 	function propHasMismatch(el, key, clientValue, vnode, instance) {
 		let mismatchType;
 		let mismatchKey;
@@ -4476,7 +4532,10 @@ var Vue = (function() {
 	function getAttributeMismatch(el, key, clientValue) {
 		let actual;
 		let expected;
-		if (isBooleanAttr(key)) {
+		if (key === "hidden") {
+			actual = normalizeHiddenValue(el.getAttribute(key));
+			expected = normalizeHiddenValue(clientValue);
+		} else if (isBooleanAttr(key)) {
 			actual = el.hasAttribute(key);
 			expected = includeBooleanAttr(clientValue);
 		} else if (clientValue == null) {
@@ -4504,6 +4563,11 @@ var Vue = (function() {
 		}
 		return false;
 	}
+	function normalizeHiddenValue(value) {
+		if (!isRenderableAttrValue(value)) return false;
+		if (isString(value)) return value.toLowerCase() === "until-found" ? "until-found" : "";
+		return includeBooleanAttr(value) ? "" : false;
+	}
 	function toClassSet(str) {
 		return new Set(str.trim().split(/\s+/));
 	}
@@ -5379,7 +5443,8 @@ var Vue = (function() {
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
-	function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
+	function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
+		if (props == null) props = {};
 		let slot = slots[name];
 		if (fallback) fallback.__vdom = true;
 		const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
@@ -6335,7 +6400,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-rc.2`;
+		Vue.version = `2.6.14-compat:3.6.0-rc.4`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7033,8 +7098,9 @@ var Vue = (function() {
 			root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 		}
 		if (vnode.transition) {
-			if (!isElementRoot(root)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
-			setTransitionHooks(root, vnode.transition);
+			const child = isTeleport(root.type) ? getInnerChild$1(root) || root : root;
+			if (!isElementRoot(child)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
+			setTransitionHooks(child, vnode.transition);
 		}
 		if (setRoot) setRoot(root);
 		else result = root;
@@ -7094,9 +7160,10 @@ var Vue = (function() {
 		}
 		return singleRoot;
 	}
+	const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || isOn(key);
 	const getFunctionalFallthrough = (attrs) => {
 		let res;
-		for (const key in attrs) if (key === "class" || key === "style" || isOn(key)) (res || (res = {}))[key] = attrs[key];
+		for (const key in attrs) if (isFunctionalFallthroughKey(key)) (res || (res = {}))[key] = attrs[key];
 		return res;
 	};
 	const filterModelListeners = (attrs, props) => {
@@ -8626,6 +8693,10 @@ var Vue = (function() {
 					suspense.activeBranch = pendingBranch;
 				} else unmount(pendingBranch, parentComponent, suspense);
 				suspense.deps = 0;
+				for (let i = 0; i < suspense.effects.length; i++) {
+					const effect = suspense.effects[i];
+					if (effect.flags & 8) queuePostFlushCb(effect);
+				}
 				suspense.effects.length = 0;
 				suspense.hiddenContainer = createElement("div");
 				if (isInFallback) {
@@ -8733,7 +8804,7 @@ var Vue = (function() {
 				let hasUnresolvedAncestor = false;
 				while (parent) {
 					if (parent.pendingBranch) {
-						parent.effects.push(...effects);
+						for (let i = 0; i < effects.length; i++) parent.effects.push(effects[i]);
 						hasUnresolvedAncestor = true;
 						break;
 					}
@@ -9043,11 +9114,26 @@ var Vue = (function() {
 			if (shapeFlag & 128) type.normalize(vnode);
 		} else if (children) vnode.shapeFlag |= isString(children) ? 8 : 16;
 		if (vnode.key !== vnode.key) warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+		if (props && vnode.shapeFlag & 1) {
+			const overwritingProp = props.innerHTML != null ? "innerHTML" : props.textContent != null ? "textContent" : null;
+			if (overwritingProp && hasContentChildren(vnode.children)) warn$1(`The \`${overwritingProp}\` prop on <${vnode.type}> will override its children. Remove either the \`${overwritingProp}\` prop or the children.`);
+		}
 		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
 		convertLegacyVModelProps(vnode);
 		defineLegacyVNodeProperties(vnode);
 		return vnode;
 	}
+	/**
+	* dev only
+	* Whether children would actually render something. Empty text and empty
+	* arrays are ignored, mirroring the compiler's `node.children.length` check
+	* for `v-html` / `v-text`.
+	*/
+	function hasContentChildren(children) {
+		if (isString(children)) return children !== "";
+		if (isArray(children)) return children.length > 0;
+		return false;
+	}
 	const createVNode = createVNodeWithArgsTransform;
 	function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
 		if (!type || type === NULL_DYNAMIC_COMPONENT) {
@@ -9438,7 +9524,12 @@ var Vue = (function() {
 				};
 				setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
 				if (isSSR) return setupResult.then((resolvedResult) => {
-					handleSetupResult(instance, resolvedResult, isSSR);
+					setInSSRSetupState(true);
+					try {
+						handleSetupResult(instance, resolvedResult, isSSR);
+					} finally {
+						setInSSRSetupState(false);
+					}
 				}).catch((e) => {
 					handleError(e, instance, 0);
 				});
@@ -9813,7 +9904,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-rc.2";
+	const version = "3.6.0-rc.4";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -10579,7 +10670,7 @@ var Vue = (function() {
 			if (!this._instance) if (this._resolved) this._mountComponent(this._def);
 			else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
 				this._pendingResolve = void 0;
-				this._resolveDef();
+				if (this.isConnected) return this._resolveDef();
 			});
 			else this._resolveDef();
 		}
@@ -10615,7 +10706,7 @@ var Vue = (function() {
 		* resolve inner component definition (handle possible async component)
 		*/
 		_resolveDef() {
-			if (this._pendingResolve) return;
+			if (this._pendingResolve) return this._pendingResolve;
 			for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 			this._ob = new MutationObserver(this._processMutations.bind(this));
 			this._ob.observe(this, { attributes: true });
@@ -10645,6 +10736,7 @@ var Vue = (function() {
 					this._def = def;
 					resolve(def);
 				});
+				return this._pendingResolve;
 			} else resolve(this._def);
 		}
 		_mountComponent(def) {
@@ -10683,14 +10775,17 @@ var Vue = (function() {
 			const { props } = def;
 			const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 			for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-			for (const key of declaredPropKeys.map(camelize)) Object.defineProperty(this, key, {
-				get() {
-					return this._getProp(key);
-				},
-				set(val) {
-					this._setProp(key, val, true, !this._patching);
-				}
-			});
+			for (const key of declaredPropKeys.map(camelize)) {
+				if (key in Object.getPrototypeOf(this)) warn(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+				Object.defineProperty(this, key, {
+					get() {
+						return this._getProp(key);
+					},
+					set(val) {
+						this._setProp(key, val, true, !this._patching);
+					}
+				});
+			}
 		}
 		_setAttr(key) {
 			if (key.startsWith("data-v-")) return;
@@ -11092,13 +11187,22 @@ var Vue = (function() {
 		}
 	}
 	const assignKey = Symbol("_assign");
+	const initialValueKey = Symbol("_initialValue");
 	const vModelText = {
 		created(el, { modifiers: { lazy, trim, number } }, vnode) {
+			if (el.parentNode) {
+				if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+				else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+			}
 			el[assignKey] = getModelAssigner(vnode);
 			vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 		},
-		mounted(el, { value }) {
-			el.value = value == null ? "" : value;
+		mounted(el, { value, modifiers: { trim, number } }) {
+			const newValue = value == null ? "" : value;
+			const initialValue = el[initialValueKey];
+			delete el[initialValueKey];
+			if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+			else el.value = newValue;
 		},
 		beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 			el[assignKey] = getModelAssigner(vnode);
@@ -14556,15 +14660,22 @@ var Vue = (function() {
 				else {
 					childBlock = children[0].codegenNode;
 					if (isTemplate && keyProperty) injectProp(childBlock, keyProperty, context);
-					if (childBlock.isBlock !== !isStableFragment) if (childBlock.isBlock) {
+					const shouldUseBlock = !isStableFragment || childBlock.isBlockRequired === true;
+					if (childBlock.isBlock !== shouldUseBlock) if (childBlock.isBlock) {
 						removeHelper(OPEN_BLOCK);
 						removeHelper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
 					} else removeHelper(getVNodeHelper(context.inSSR, childBlock.isComponent));
-					childBlock.isBlock = !isStableFragment;
+					childBlock.isBlock = shouldUseBlock;
 					if (childBlock.isBlock) {
 						helper(OPEN_BLOCK);
 						helper(getVNodeBlockHelper(context.inSSR, childBlock.isComponent));
-					} else helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+					} else {
+						helper(getVNodeHelper(context.inSSR, childBlock.isComponent));
+						if (childBlock.needsPatch) {
+							var _childBlock$patchFlag;
+							childBlock.patchFlag = ((_childBlock$patchFlag = childBlock.patchFlag) !== null && _childBlock$patchFlag !== void 0 ? _childBlock$patchFlag : 0) | 512;
+						}
+					}
 				}
 				if (memo) {
 					const loop = createFunctionExpression(createForLoopParams(forNode.parseResult, [createSimpleExpression(`_cached`)]));
@@ -14788,12 +14899,16 @@ var Vue = (function() {
 			let vnodeDynamicProps;
 			let dynamicPropNames;
 			let vnodeDirectives;
+			let needsPatch = false;
+			let isBlockRequired = false;
 			let shouldUseBlock = isDynamicComponent || vnodeTag === TELEPORT || vnodeTag === SUSPENSE || !isComponent && (tag === "svg" || tag === "foreignObject" || tag === "math");
 			if (props.length > 0) {
 				const propsBuildResult = buildProps(node, context, void 0, isComponent, isDynamicComponent);
 				vnodeProps = propsBuildResult.props;
 				patchFlag = propsBuildResult.patchFlag;
 				dynamicPropNames = propsBuildResult.dynamicPropNames;
+				needsPatch = propsBuildResult.needsPatch;
+				isBlockRequired = propsBuildResult.isBlockRequired;
 				const directives = propsBuildResult.directives;
 				vnodeDirectives = directives && directives.length ? createArrayExpression(directives.map((dir) => buildDirectiveArgs(dir, context))) : void 0;
 				if (propsBuildResult.shouldUseBlock) shouldUseBlock = true;
@@ -14822,7 +14937,10 @@ var Vue = (function() {
 				} else vnodeChildren = node.children;
 			}
 			if (dynamicPropNames && dynamicPropNames.length) vnodeDynamicProps = stringifyDynamicPropNames(dynamicPropNames);
-			node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+			const vnodeCall = node.codegenNode = createVNodeCall(context, vnodeTag, vnodeProps, vnodeChildren, patchFlag === 0 ? void 0 : patchFlag, vnodeDynamicProps, vnodeDirectives, !!shouldUseBlock, false, isComponent, node.loc);
+			needsPatch = needsPatch && (patchFlag === 0 || patchFlag === 32);
+			if (needsPatch) vnodeCall.needsPatch = true;
+			if (isBlockRequired) vnodeCall.isBlockRequired = true;
 		};
 	};
 	function resolveComponentType(node, context, ssr = false) {
@@ -14856,6 +14974,7 @@ var Vue = (function() {
 		const runtimeDirectives = [];
 		const hasChildren = children.length > 0;
 		let shouldUseBlock = false;
+		let isBlockRequired = false;
 		let patchFlag = 0;
 		let hasRef = false;
 		let hasClassBinding = false;
@@ -14880,12 +14999,12 @@ var Vue = (function() {
 				const isEventHandler = isOn(name);
 				if (isEventHandler && (!isComponent || isDynamicComponent) && name.toLowerCase() !== "onclick" && name !== "onUpdate:modelValue" && !isReservedProp(name)) hasHydrationEventBinding = true;
 				if (isEventHandler && isReservedProp(name)) hasVnodeHook = true;
+				if (name === "ref") hasRef = true;
 				if (isEventHandler && value.type === 14) value = value.arguments[0];
 				if (value.type === 20 || (value.type === 4 || value.type === 8) && getConstantType(value, context) > 0) return;
-				if (name === "ref") hasRef = true;
-				else if (name === "class") hasClassBinding = true;
+				if (name === "class") hasClassBinding = true;
 				else if (name === "style") hasStyleBinding = true;
-				else if (name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
+				else if (name !== "ref" && name !== "key" && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 				if (isComponent && (name === "class" || name === "style") && !dynamicPropNames.includes(name)) dynamicPropNames.push(name);
 			} else hasDynamicKeys = true;
 		};
@@ -14911,7 +15030,11 @@ var Vue = (function() {
 				if (name === "once" || name === "memo") continue;
 				if (name === "is" || isVBind && isStaticArgOf(arg, "is") && (isComponentTag(tag) || isCompatEnabled("COMPILER_IS_ON_ELEMENT", context))) continue;
 				if (isVOn && ssr) continue;
-				if (isVBind && isStaticArgOf(arg, "key") || isVOn && hasChildren && isStaticArgOf(arg, "vue:before-update")) shouldUseBlock = true;
+				if (isVBind && isStaticArgOf(arg, "key")) shouldUseBlock = true;
+				if (isVOn && hasChildren && arg && isStaticExp(arg) && camelize(arg.content) === "vue:beforeUpdate") {
+					shouldUseBlock = true;
+					isBlockRequired = true;
+				}
 				if (isVBind && isStaticArgOf(arg, "ref")) pushRefVForMarker();
 				if (!arg && (isVBind || isVOn)) {
 					hasDynamicKeys = true;
@@ -14953,7 +15076,10 @@ var Vue = (function() {
 					}
 				} else if (!isBuiltInDirective(name)) {
 					runtimeDirectives.push(prop);
-					if (hasChildren) shouldUseBlock = true;
+					if (hasChildren) {
+						shouldUseBlock = true;
+						isBlockRequired = true;
+					}
 				}
 			}
 		}
@@ -14970,7 +15096,8 @@ var Vue = (function() {
 			if (dynamicPropNames.length) patchFlag |= 8;
 			if (hasHydrationEventBinding) patchFlag |= 32;
 		}
-		if (!shouldUseBlock && (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0)) patchFlag |= 512;
+		const needsPatch = (patchFlag === 0 || patchFlag === 32) && (hasRef || hasVnodeHook || runtimeDirectives.length > 0);
+		if (!shouldUseBlock && needsPatch) patchFlag |= 512;
 		if (!context.inSSR && propsExpression) switch (propsExpression.type) {
 			case 15:
 				let classKeyIndex = -1;
@@ -15000,7 +15127,9 @@ var Vue = (function() {
 			directives: runtimeDirectives,
 			patchFlag,
 			dynamicPropNames,
-			shouldUseBlock
+			shouldUseBlock,
+			needsPatch,
+			isBlockRequired
 		};
 	}
 	function dedupeProperties(properties) {