@vue/runtime-core 3.6.0-rc.2 → 3.6.0-rc.4

package/dist/runtime-core.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-rc.2
+  * @vue/runtime-core v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -304,7 +304,7 @@ function queueFlush() {
 function queuePostFlushCb(jobs, id = Infinity) {
 	if (!(0, _vue_shared.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) {
@@ -325,7 +325,7 @@ function flushPreFlushCbs(instance, seen) {
 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;
 		}
@@ -1156,49 +1156,16 @@ const BaseTransitionImpl = {
 	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 = (0, _vue_reactivity.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();
+			}) : _vue_shared.NOOP);
 		};
 	}
 };
@@ -1340,15 +1307,91 @@ function getInnerChild$1(vnode) {
 		if (shapeFlag & 32 && (0, _vue_shared.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 = [];
@@ -1700,7 +1743,10 @@ function createHydrationFunctions(rendererInternals) {
 				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") || (0, _vue_shared.isOn)(key) && !(0, _vue_shared.isReservedProp)(key) || key[0] === "." || isCustomElement && !(0, _vue_shared.isReservedProp)(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
+					if (forcePatch && (key.endsWith("value") || key === "indeterminate") || (0, _vue_shared.isOn)(key) && !(0, _vue_shared.isReservedProp)(key) || key[0] === "." || isCustomElement && !(0, _vue_shared.isReservedProp)(key) || dynamicProps && dynamicProps.includes(key)) {
+						if (isUnchangedResourceProp(el, key, props[key])) continue;
+						patchProp(el, key, null, props[key], namespace, parentComponent);
+					}
 				}
 			}
 			let vnodeHooks;
@@ -1809,6 +1855,16 @@ const isTemplateNode = (node) => {
 /**
 * 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;
@@ -1849,7 +1905,10 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
 function getAttributeMismatch(el, key, clientValue) {
 	let actual;
 	let expected;
-	if ((0, _vue_shared.isBooleanAttr)(key)) {
+	if (key === "hidden") {
+		actual = normalizeHiddenValue(el.getAttribute(key));
+		expected = normalizeHiddenValue(clientValue);
+	} else if ((0, _vue_shared.isBooleanAttr)(key)) {
 		actual = el.hasAttribute(key);
 		expected = (0, _vue_shared.includeBooleanAttr)(clientValue);
 	} else if (clientValue == null) {
@@ -1877,6 +1936,11 @@ function warnPropMismatch(el, mismatchKey, mismatchType, actual, expected) {
 	}
 	return false;
 }
+function normalizeHiddenValue(value) {
+	if (!(0, _vue_shared.isRenderableAttrValue)(value)) return false;
+	if ((0, _vue_shared.isString)(value)) return value.toLowerCase() === "until-found" ? "until-found" : "";
+	return (0, _vue_shared.includeBooleanAttr)(value) ? "" : false;
+}
 function toClassSet(str) {
 	return new Set(str.trim().split(/\s+/));
 }
@@ -2541,7 +2605,8 @@ function createSlots(slots, dynamicSlots) {
 * 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));
@@ -3595,8 +3660,9 @@ function renderComponentRoot(instance) {
 		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;
@@ -3656,9 +3722,10 @@ function filterSingleRoot(children, recurse = true) {
 	}
 	return singleRoot;
 }
+const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || (0, _vue_shared.isOn)(key);
 const getFunctionalFallthrough = (attrs) => {
 	let res;
-	for (const key in attrs) if (key === "class" || key === "style" || (0, _vue_shared.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) => {
@@ -5143,6 +5210,10 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 				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) {
@@ -5250,7 +5321,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			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;
 				}
@@ -5520,9 +5591,24 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
 		if (shapeFlag & 128) type.normalize(vnode);
 	} else if (children) vnode.shapeFlag |= (0, _vue_shared.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);
 	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 ((0, _vue_shared.isString)(children)) return children !== "";
+	if ((0, _vue_shared.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) {
@@ -5920,7 +6006,12 @@ function setupStatefulComponent(instance, isSSR) {
 			};
 			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);
 			});
@@ -6292,7 +6383,7 @@ function isMemoSame(cached, memo) {
 }
 //#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.

package/dist/runtime-core.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-rc.2
+  * @vue/runtime-core v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -200,7 +200,7 @@ function queueFlush() {
 function queuePostFlushCb(jobs, id = Infinity) {
 	if (!(0, _vue_shared.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) {
@@ -219,7 +219,7 @@ function flushPreFlushCbs(instance, seen) {
 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;
 		}
@@ -775,48 +775,15 @@ const BaseTransitionImpl = {
 	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 = (0, _vue_reactivity.toRaw)(props);
 			const { mode } = rawProps;
-			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();
+			}) : _vue_shared.NOOP);
 		};
 	}
 };
@@ -953,15 +920,91 @@ function getInnerChild$1(vnode) {
 		if (shapeFlag & 32 && (0, _vue_shared.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 = [];
@@ -1284,7 +1327,10 @@ function createHydrationFunctions(rendererInternals) {
 				if (forcePatch || hasDynamicProps || !optimized || patchFlag & 48) {
 					const isCustomElement = el.tagName.includes("-");
 					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
-					for (const key in props) if (forcePatch && (key.endsWith("value") || key === "indeterminate") || (0, _vue_shared.isOn)(key) && !(0, _vue_shared.isReservedProp)(key) || key[0] === "." || isCustomElement && !(0, _vue_shared.isReservedProp)(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
+					for (const key in props) if (forcePatch && (key.endsWith("value") || key === "indeterminate") || (0, _vue_shared.isOn)(key) && !(0, _vue_shared.isReservedProp)(key) || key[0] === "." || isCustomElement && !(0, _vue_shared.isReservedProp)(key) || dynamicProps && dynamicProps.includes(key)) {
+						if (isUnchangedResourceProp(el, key, props[key])) continue;
+						patchProp(el, key, null, props[key], namespace, parentComponent);
+					}
 				} else if (props.onClick) patchProp(el, "onClick", null, props.onClick, void 0, parentComponent);
 				else if (patchFlag & 4 && (0, _vue_reactivity.isReactive)(props.style)) for (const key in props.style) props.style[key];
 			}
@@ -1385,6 +1431,19 @@ function createHydrationFunctions(rendererInternals) {
 const isTemplateNode = (node) => {
 	return node.nodeType === 1 && node.tagName === "TEMPLATE";
 };
+/**
+* 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}`);
+}
 const allowMismatchAttr = "data-allow-mismatch";
 const MismatchTypeString = {
 	[0]: "text",
@@ -1995,7 +2054,8 @@ function createSlots(slots, dynamicSlots) {
 * 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));
@@ -2847,7 +2907,7 @@ function renderComponentRoot(instance) {
 		root = cloneVNode(root, null, false, true);
 		root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 	}
-	if (vnode.transition) setTransitionHooks(root, vnode.transition);
+	if (vnode.transition) setTransitionHooks(isTeleport(root.type) ? getInnerChild$1(root) || root : root, vnode.transition);
 	result = root;
 	setCurrentRenderingInstance(prev);
 	return result;
@@ -2863,9 +2923,10 @@ function filterSingleRoot(children, recurse = true) {
 	}
 	return singleRoot;
 }
+const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || (0, _vue_shared.isOn)(key);
 const getFunctionalFallthrough = (attrs) => {
 	let res;
-	for (const key in attrs) if (key === "class" || key === "style" || (0, _vue_shared.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) => {
@@ -4100,6 +4161,10 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 				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) {
@@ -4198,7 +4263,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			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;
 				}
@@ -4810,7 +4875,12 @@ function setupStatefulComponent(instance, isSSR) {
 			};
 			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);
 			});
@@ -4960,7 +5030,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.2";
+const version = "3.6.0-rc.4";
 const warn = _vue_shared.NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.

package/dist/runtime-core.d.ts

@@ -40,7 +40,12 @@ declare enum SchedulerJobFlags {
   * stabilizes (#1727).
   */
   ALLOW_RECURSE = 2,
-  DISPOSED = 4
+  DISPOSED = 4,
+  /**
+  * Requeue a Suspense effect if its pending branch is discarded.
+  * @internal
+  */
+  REQUEUE_ON_SUSPENSE_DISCARD = 8
 }
 export interface SchedulerJob extends Function {
   order?: number;
@@ -316,17 +321,17 @@ type DefineModelDefault<T> = InferDefault<Data, T>;
 * const count = defineModel<number>('count', { default: 0 })
 * ```
 */
-export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(options: ({
+export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(options: DefineModelRuntimeOptions<T, G, S> & ({
   default: DefineModelDefault<T>;
 } | {
   required: true;
-}) & DefineModelRuntimeOptions<T, G, S>): ModelRef<T, M, G, S>;
+})): ModelRef<T, M, G, S>;
 export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(options?: DefineModelRuntimeOptions<T, G, S>): ModelRef<T | undefined, M, G | undefined, S | undefined>;
-export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(name: string, options: ({
+export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(name: string, options: DefineModelRuntimeOptions<T, G, S> & ({
   default: DefineModelDefault<T>;
 } | {
   required: true;
-}) & DefineModelRuntimeOptions<T, G, S>): ModelRef<T, M, G, S>;
+})): ModelRef<T, M, G, S>;
 export declare function defineModel<T, M extends PropertyKey = string, G = T, S = T>(name: string, options?: DefineModelRuntimeOptions<T, G, S>): ModelRef<T | undefined, M, G | undefined, S | undefined>;
 type NotUndefined<T> = T extends undefined ? never : T;
 type MappedOmit<T, K extends keyof any> = { [P in keyof T as P extends K ? never : P]: T[P] };
@@ -623,7 +628,7 @@ export interface TransitionHooksContext {
   cloneHooks: (node: any) => TransitionHooks;
 }
 export declare function resolveTransitionHooks(vnode: VNode, props: BaseTransitionProps<any>, state: TransitionState, instance: GenericComponentInstance, postClone?: (hooks: TransitionHooks) => void): TransitionHooks;
-export declare function setTransitionHooks(vnode: VNode, hooks: TransitionHooks): void;
+export declare function setTransitionHooks(vnode: VNode, hooks: TransitionHooks): TransitionHooks;
 export declare function getTransitionRawChildren(children: VNode[], keepComment?: boolean, parentKey?: VNode["key"]): VNode[];
 //#endregion
 //#region temp/packages/runtime-core/src/renderer.d.ts
@@ -815,7 +820,23 @@ declare function configureCompat(config: CompatConfig): void;
 * ```
 */
 export interface ComponentCustomOptions {}
-export type RenderFunction = () => VNodeChild;
+/**
+* Registry for additional render result types.
+*
+* @example
+* ```ts
+* import type { VaporRenderResult } from 'vue'
+*
+* declare module 'vue' {
+*   interface RenderResultExtensions {
+*     vapor: VaporRenderResult
+*   }
+* }
+* ```
+*/
+export interface RenderResultExtensions {}
+type RenderResult = VNodeChild | RenderResultExtensions[keyof RenderResultExtensions] | RenderResult[];
+export type RenderFunction = () => RenderResult;
 export interface ComponentOptionsBase<Props, RawBindings, D, C extends ComputedOptions, M extends MethodOptions, Mixin extends ComponentOptionsMixin, Extends extends ComponentOptionsMixin, E extends EmitsOptions, EE extends string = string, Defaults = {}, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType = {}, LC extends Record<string, Component> = {}, Directives extends Record<string, Directive> = {}, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions> extends LegacyOptions<Props, D, C, M, Mixin, Extends, I, II, Provide>, ComponentInternalOptions, AsyncComponentInternalOptions, ComponentCustomOptions {
   setup?: (this: void, props: LooseRequired<Props & Prettify<UnwrapMixinsType<IntersectionMixin<Mixin> & IntersectionMixin<Extends>, "P">>>, ctx: SetupContext<E, S>) => Promise<RawBindings> | RawBindings | RenderFunction | void;
   name?: string;
@@ -1774,7 +1795,7 @@ type SlotFallback = {
 * Compiler runtime helper for rendering `<slot/>`
 * @private
 */
-export declare function renderSlot(slots: Slots, name: string, props?: Data, fallback?: SlotFallback, noSlotted?: boolean, branchKey?: PropertyKey): VNode;
+export declare function renderSlot(slots: Slots, name: string, props?: Data | null, fallback?: SlotFallback, noSlotted?: boolean, branchKey?: PropertyKey): VNode;
 //#endregion
 //#region temp/packages/runtime-core/src/helpers/createSlots.d.ts
 type SSRSlot = (...args: any[]) => VNode[] | undefined;

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-rc.2
+  * @vue/runtime-core v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -253,7 +253,9 @@ const SchedulerJobFlags = {
 	"ALLOW_RECURSE": 2,
 	"2": "ALLOW_RECURSE",
 	"DISPOSED": 4,
-	"4": "DISPOSED"
+	"4": "DISPOSED",
+	"REQUEUE_ON_SUSPENSE_DISCARD": 8,
+	"8": "REQUEUE_ON_SUSPENSE_DISCARD"
 };
 const jobs = [];
 let postJobs = [];
@@ -310,7 +312,7 @@ function queueFlush() {
 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) {
@@ -331,7 +333,7 @@ function flushPreFlushCbs(instance, seen) {
 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;
 		}
@@ -1164,49 +1166,16 @@ const BaseTransitionImpl = {
 	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 = toRaw$1(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);
 		};
 	}
 };
@@ -1349,15 +1318,102 @@ function getInnerChild$1(vnode) {
 		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;
+	};
+}
+/**
+* Prepares an outgoing VNode when the incoming branch belongs to another
+* renderer. Returns true when out-in must defer the incoming branch.
+*
+* @internal
+*/
+function prepareTransitionLeave(previous, enterHooks, props, state, instance, resumeAfterLeave) {
+	const previousInner = getInnerChild$1(previous);
+	if (!previousInner || previousInner.type === Comment || previous.component && recursiveGetSubtree(previous.component).type === Comment) return false;
+	return applyTransitionModeSwitch(previousInner, prepareLeavingTransitionHooks(previousInner, props, state, instance), enterHooks ? () => enterHooks : void 0, props, state, resumeAfterLeave);
+}
+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 = [];
@@ -1724,7 +1780,10 @@ function createHydrationFunctions(rendererInternals) {
 					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 					for (const key in props) {
 						if ((!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && !(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);
+						}
 					}
 				} else if (props.onClick) patchProp(el, "onClick", null, props.onClick, void 0, parentComponent);
 				else if (patchFlag & 4 && isReactive$1(props.style)) for (const key in props.style) props.style[key];
@@ -1835,6 +1894,16 @@ const isTemplateNode = (node) => {
 /**
 * 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;
@@ -1875,7 +1944,10 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
 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) {
@@ -1903,6 +1975,11 @@ function warnPropMismatch(el, mismatchKey, mismatchType, actual, expected) {
 	}
 	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+/));
 }
@@ -2579,7 +2656,8 @@ function createSlots(slots, dynamicSlots) {
 * 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));
@@ -3644,8 +3722,9 @@ function renderComponentRoot(instance) {
 		root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 	}
 	if (vnode.transition) {
-		if (!!(process.env.NODE_ENV !== "production") && !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 (!!(process.env.NODE_ENV !== "production") && !isElementRoot(child)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
+		setTransitionHooks(child, vnode.transition);
 	}
 	if (!!(process.env.NODE_ENV !== "production") && setRoot) setRoot(root);
 	else result = root;
@@ -3705,9 +3784,10 @@ function filterSingleRoot(children, recurse = true) {
 	}
 	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) => {
@@ -5231,6 +5311,10 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 				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) {
@@ -5340,7 +5424,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			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;
 				}
@@ -5610,9 +5694,24 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
 		if (shapeFlag & 128) type.normalize(vnode);
 	} else if (children) vnode.shapeFlag |= isString(children) ? 8 : 16;
 	if (!!(process.env.NODE_ENV !== "production") && vnode.key !== vnode.key) warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
+	if (!!(process.env.NODE_ENV !== "production") && 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);
 	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 = !!(process.env.NODE_ENV !== "production") ? createVNodeWithArgsTransform : _createVNode;
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
 	if (!type || type === NULL_DYNAMIC_COMPONENT) {
@@ -6019,7 +6118,12 @@ function setupStatefulComponent(instance, isSSR) {
 			};
 			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);
 			});
@@ -6401,7 +6505,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.2";
+const version = "3.6.0-rc.4";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -6436,4 +6540,4 @@ const resolveFilter = null;
 const compatUtils = null;
 const DeprecationTypes = null;
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, VaporSlot, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureValidVNode, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, VaporSlot, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureValidVNode, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vue/runtime-core",
-  "version": "3.6.0-rc.2",
+  "version": "3.6.0-rc.4",
   "description": "@vue/runtime-core",
   "main": "index.js",
   "module": "dist/runtime-core.esm-bundler.js",
@@ -46,7 +46,7 @@
   },
   "homepage": "https://github.com/vuejs/core/tree/main/packages/runtime-core#readme",
   "dependencies": {
-    "@vue/shared": "3.6.0-rc.2",
-    "@vue/reactivity": "3.6.0-rc.2"
+    "@vue/shared": "3.6.0-rc.4",
+    "@vue/reactivity": "3.6.0-rc.4"
   }
 }