@vue/runtime-core 3.6.0-beta.9 → 3.6.0-rc.10

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-beta.9
+  * @vue/runtime-core v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -153,7 +153,7 @@ let currentFlushPromise = null;
 let jobsLength = 0;
 let flushIndex = 0;
 let postFlushIndex = 0;
-const resolvedPromise = /* @__PURE__ */ Promise.resolve();
+const resolvedPromise = /*@__PURE__*/ Promise.resolve();
 function nextTick(fn) {
 	const p = currentFlushPromise || resolvedPromise;
 	return fn ? p.then(this ? fn.bind(this) : fn) : p;
@@ -169,8 +169,8 @@ function findInsertionIndex(order, queue, start, end) {
 /**
 * @internal for runtime-vapor only
 */
-function queueJob(job, id, isPre = false) {
-	if (queueJobWorker(job, id === void 0 ? isPre ? -2 : Infinity : isPre ? id * 2 : id * 2 + 1, jobs, jobsLength, flushIndex)) {
+function queueJob(job, id, isPre = false, order = 0) {
+	if (queueJobWorker(job, id === void 0 ? isPre ? -2 : Infinity : isPre ? id * 2 : order ? id * 2 + 1 + order / (order + 1) : id * 2 + 1, jobs, jobsLength, flushIndex)) {
 		jobsLength++;
 		queueFlush();
 	}
@@ -191,6 +191,7 @@ const doFlushJobs = () => {
 		flushJobs();
 	} catch (e) {
 		currentFlushPromise = null;
+		if (jobsLength || postJobs.length) queueFlush();
 		throw e;
 	}
 };
@@ -198,9 +199,10 @@ function queueFlush() {
 	if (!currentFlushPromise) currentFlushPromise = resolvedPromise.then(doFlushJobs);
 }
 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);
+	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 (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 	queueFlush();
 }
 function flushPreFlushCbs(instance, seen) {
@@ -212,30 +214,37 @@ function flushPreFlushCbs(instance, seen) {
 		i--;
 		jobsLength--;
 		if (cb.flags & 2) cb.flags &= -2;
-		cb();
-		if (!(cb.flags & 2)) cb.flags &= -2;
+		try {
+			cb();
+		} finally {
+			if (!(cb.flags & 2)) cb.flags &= -2;
+		}
 	}
 }
 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;
 		}
 		activePostJobs = postJobs;
 		postJobs = [];
-		while (postFlushIndex < activePostJobs.length) {
-			const cb = activePostJobs[postFlushIndex++];
-			if (cb.flags & 2) cb.flags &= -2;
-			if (!(cb.flags & 4)) try {
-				cb();
-			} finally {
-				cb.flags &= -2;
+		try {
+			while (postFlushIndex < activePostJobs.length) {
+				const cb = activePostJobs[postFlushIndex++];
+				if (cb.flags & 2) cb.flags &= -2;
+				if (!(cb.flags & 4)) try {
+					cb();
+				} finally {
+					if (!(cb.flags & 2)) cb.flags &= -2;
+				}
 			}
+		} finally {
+			while (postFlushIndex < activePostJobs.length) activePostJobs[postFlushIndex++].flags &= -2;
+			activePostJobs = null;
+			postFlushIndex = 0;
 		}
-		activePostJobs = null;
-		postFlushIndex = 0;
 	}
 }
 let isFlushing = false;
@@ -245,9 +254,12 @@ let isFlushing = false;
 function flushOnAppMount(instance) {
 	if (!isFlushing) {
 		isFlushing = true;
-		flushPreFlushCbs(instance);
-		flushPostFlushCbs();
-		isFlushing = false;
+		try {
+			flushPreFlushCbs(instance);
+			flushPostFlushCbs();
+		} finally {
+			isFlushing = false;
+		}
 	}
 }
 function flushJobs(seen) {
@@ -273,9 +285,10 @@ function flushJobs(seen) {
 		}
 		flushIndex = 0;
 		jobsLength = 0;
+		jobs.length = 0;
 		flushPostFlushCbs(seen);
-		currentFlushPromise = null;
 		if (jobsLength || postJobs.length) flushJobs(seen);
+		else currentFlushPromise = null;
 	}
 }
 //#endregion
@@ -332,10 +345,12 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
 	const renderFnWithContext = (...args) => {
 		if (renderFnWithContext._d) setBlockTracking(-1);
 		const prevInstance = setCurrentRenderingInstance(ctx);
+		const prevStackSize = blockStack.length;
 		let res;
 		try {
 			res = fn(...args);
 		} finally {
+			for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
 			setCurrentRenderingInstance(prevInstance);
 			if (renderFnWithContext._d) setBlockTracking(1);
 		}
@@ -512,7 +527,7 @@ function instanceWatch(source, value, options) {
 	}
 	const prev = setCurrentInstance(this);
 	const res = doWatch(getter, cb.bind(publicThis), options);
-	setCurrentInstance(...prev);
+	restoreCurrentInstance(prev);
 	return res;
 }
 function createPathGetter(ctx, path) {
@@ -525,6 +540,7 @@ function createPathGetter(ctx, path) {
 }
 //#endregion
 //#region packages/runtime-core/src/components/Teleport.ts
+const pendingMounts = /* @__PURE__ */ new WeakMap();
 const TeleportEndKey = Symbol("_vte");
 const isTeleport = (type) => type.__isTeleport;
 const isTeleportDisabled = (props) => props && (props.disabled || props.disabled === "");
@@ -533,62 +549,76 @@ const isTargetSVG = (target) => typeof SVGElement !== "undefined" && target inst
 const isTargetMathML = (target) => typeof MathMLElement === "function" && target instanceof MathMLElement;
 const resolveTarget = (props, select) => {
 	const targetSelector = props && props.to;
-	if ((0, _vue_shared.isString)(targetSelector)) if (!select) return null;
-	else return select(targetSelector);
-	else return targetSelector;
+	if ((0, _vue_shared.isString)(targetSelector)) {
+		if (!select) return null;
+		else return select(targetSelector);
+	} else return targetSelector;
 };
 const TeleportImpl = {
 	name: "Teleport",
 	__isTeleport: true,
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
 		const disabled = isTeleportDisabled(n2.props);
-		let { shapeFlag, children, dynamicChildren } = n2;
+		let { dynamicChildren } = n2;
+		const mount = (vnode, container, anchor) => {
+			if (vnode.shapeFlag & 16) mountChildren(vnode.children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		};
+		const mountToTarget = (vnode = n2) => {
+			const disabled = isTeleportDisabled(vnode.props);
+			const target = vnode.target = resolveTarget(vnode.props, querySelector);
+			const targetAnchor = prepareAnchor(target, vnode, createText, insert);
+			if (target) {
+				if (namespace !== "svg" && isTargetSVG(target)) namespace = "svg";
+				else if (namespace !== "mathml" && isTargetMathML(target)) namespace = "mathml";
+				if (parentComponent && parentComponent.isCE) (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
+				if (!disabled) {
+					mount(vnode, target, targetAnchor);
+					updateCssVars(vnode, false);
+				}
+			}
+		};
+		const queuePendingMount = (vnode) => {
+			const mountJob = () => {
+				if (pendingMounts.get(vnode) !== mountJob) return;
+				pendingMounts.delete(vnode);
+				if (isTeleportDisabled(vnode.props)) {
+					const mountContainer = parentNode(vnode.el) || container;
+					mount(vnode, mountContainer, vnode.anchor);
+					updateCssVars(vnode, true);
+				}
+				mountToTarget(vnode);
+			};
+			pendingMounts.set(vnode, mountJob);
+			queuePostRenderEffect(mountJob, void 0, parentSuspense);
+		};
 		if (n1 == null) {
 			const placeholder = n2.el = createText("");
 			const mainAnchor = n2.anchor = createText("");
 			insert(placeholder, container, anchor);
 			insert(mainAnchor, container, anchor);
-			const mount = (container, anchor) => {
-				if (shapeFlag & 16) mountChildren(children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-			};
-			const mountToTarget = () => {
-				const target = n2.target = resolveTarget(n2.props, querySelector);
-				const targetAnchor = prepareAnchor(target, n2, createText, insert);
-				if (target) {
-					if (namespace !== "svg" && isTargetSVG(target)) namespace = "svg";
-					else if (namespace !== "mathml" && isTargetMathML(target)) namespace = "mathml";
-					if (parentComponent && parentComponent.isCE) (parentComponent.ce._teleportTargets || (parentComponent.ce._teleportTargets = /* @__PURE__ */ new Set())).add(target);
-					if (!disabled) {
-						mount(target, targetAnchor);
-						updateCssVars(n2, false);
-					}
-				}
-			};
+			if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
+				queuePendingMount(n2);
+				return;
+			}
 			if (disabled) {
-				mount(container, mainAnchor);
+				mount(n2, container, mainAnchor);
 				updateCssVars(n2, true);
 			}
-			if (isTeleportDeferred(n2.props) || parentSuspense && parentSuspense.pendingBranch) {
-				n2.el.__isMounted = false;
-				queuePostRenderEffect(() => {
-					if (n2.el.__isMounted !== false) return;
-					mountToTarget();
-					delete n2.el.__isMounted;
-				}, void 0, parentSuspense);
-			} else mountToTarget();
+			mountToTarget();
 		} else {
 			n2.el = n1.el;
-			n2.targetStart = n1.targetStart;
 			const mainAnchor = n2.anchor = n1.anchor;
-			const target = n2.target = n1.target;
-			const targetAnchor = n2.targetAnchor = n1.targetAnchor;
-			if (n1.el.__isMounted === false) {
-				queuePostRenderEffect(() => {
-					TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
-				}, void 0, parentSuspense);
+			const pendingMount = pendingMounts.get(n1);
+			if (pendingMount) {
+				pendingMount.flags |= 4;
+				pendingMounts.delete(n1);
+				queuePendingMount(n2);
 				return;
 			}
+			n2.targetStart = n1.targetStart;
+			const target = n2.target = n1.target;
+			const targetAnchor = n2.targetAnchor = n1.targetAnchor;
 			const wasDisabled = isTeleportDisabled(n1.props);
 			const currentContainer = wasDisabled ? container : target;
 			const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
@@ -602,23 +632,30 @@ const TeleportImpl = {
 				if (!wasDisabled) moveTeleport(n2, container, mainAnchor, internals, parentComponent, 1);
 				else if (n2.props && n1.props && n2.props.to !== n1.props.to) n2.props.to = n1.props.to;
 			} else if ((n2.props && n2.props.to) !== (n1.props && n1.props.to)) {
-				const nextTarget = n2.target = resolveTarget(n2.props, querySelector);
-				if (nextTarget) moveTeleport(n2, nextTarget, null, internals, parentComponent, 0);
+				const nextTarget = resolveTarget(n2.props, querySelector);
+				if (nextTarget) {
+					n2.target = nextTarget;
+					moveTeleport(n2, nextTarget, null, internals, parentComponent, 0);
+				}
 			} else if (wasDisabled) moveTeleport(n2, target, targetAnchor, internals, parentComponent, 1);
 			updateCssVars(n2, disabled);
 		}
 	},
 	remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-		const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
+		const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
+		const disabled = isTeleportDisabled(props);
+		const shouldRemove = doRemove || !disabled;
+		const pendingMount = pendingMounts.get(vnode);
+		if (pendingMount) {
+			pendingMount.flags |= 4;
+			pendingMounts.delete(vnode);
+		}
 		if (targetStart) hostRemove(targetStart);
 		if (targetAnchor) hostRemove(targetAnchor);
 		doRemove && hostRemove(anchor);
-		if (shapeFlag & 16) {
-			const shouldRemove = doRemove || !isTeleportDisabled(props);
-			for (let i = 0; i < children.length; i++) {
-				const child = children[i];
-				unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
-			}
+		if (!pendingMount && (disabled || target) && shapeFlag & 16) for (let i = 0; i < children.length; i++) {
+			const child = children[i];
+			unmount(child, parentComponent, parentSuspense, shouldRemove, !!child.dynamicChildren);
 		}
 	},
 	move: moveTeleport,
@@ -629,7 +666,7 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	const { el, anchor, shapeFlag, children, props } = vnode;
 	const isReorder = moveType === 2;
 	if (isReorder) insert(el, container, parentAnchor);
-	if (!isReorder || isTeleportDisabled(props)) {
+	if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
 		if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2, parentComponent);
 	}
 	if (isReorder) insert(anchor, container, parentAnchor);
@@ -656,15 +693,17 @@ function hydrateTeleport(node, vnode, parentComponent, parentSuspense, slotScope
 	const disabled = isTeleportDisabled(vnode.props);
 	if (target) {
 		const targetNode = target._lpa || target.firstChild;
-		if (vnode.shapeFlag & 16) if (disabled) {
-			hydrateDisabledTeleport(node, vnode);
-			hydrateAnchor(target, targetNode);
-			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
-		} else {
-			vnode.anchor = nextSibling(node);
-			hydrateAnchor(target, targetNode);
-			if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
-			hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+		if (vnode.shapeFlag & 16) {
+			if (disabled) {
+				hydrateDisabledTeleport(node, vnode);
+				hydrateAnchor(target, targetNode);
+				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert, parentNode(node) === target ? node : null);
+			} else {
+				vnode.anchor = nextSibling(node);
+				hydrateAnchor(target, targetNode);
+				if (!vnode.targetAnchor) prepareAnchor(target, vnode, createText, insert);
+				hydrateChildren(targetNode && nextSibling(targetNode), vnode, target, parentComponent, parentSuspense, slotScopeIds, optimized);
+			}
 		}
 		updateCssVars(vnode, disabled);
 	} else if (disabled) {
@@ -752,48 +791,15 @@ const BaseTransitionImpl = {
 	setup(props, { slots }) {
 		const instance = getCurrentInstance();
 		const state = useTransitionState();
+		let resumeAfterLeave;
 		return () => {
-			const children = slots.default && getTransitionRawChildren(slots.default(), true);
-			if (!children || !children.length) return;
-			const child = findNonCommentChild(children);
+			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);
 		};
 	}
 };
@@ -857,8 +863,10 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 		persisted,
 		beforeEnter(el) {
 			let hook = onBeforeEnter;
-			if (!state.isMounted) if (appear) hook = onBeforeAppear || onBeforeEnter;
-			else return;
+			if (!state.isMounted) {
+				if (appear) hook = onBeforeAppear || onBeforeEnter;
+				else return;
+			}
 			if (el[leaveCbKey]) el[leaveCbKey](true);
 			earlyRemove();
 			callHook(hook, [el]);
@@ -868,11 +876,13 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
-			if (!state.isMounted) if (appear) {
-				hook = onAppear || onEnter;
-				afterHook = onAfterAppear || onAfterEnter;
-				cancelHook = onAppearCancelled || onEnterCancelled;
-			} else return;
+			if (!state.isMounted) {
+				if (appear) {
+					hook = onAppear || onEnter;
+					afterHook = onAfterAppear || onAfterEnter;
+					cancelHook = onAppearCancelled || onEnterCancelled;
+				} else return;
+			}
 			let called = false;
 			el[enterCbKey] = (cancelled) => {
 				if (called) return;
@@ -906,7 +916,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			else done();
 		},
 		clone(node) {
-			return cloneHooks(node);
+			return cloneHooks ? cloneHooks(node) : hooks;
 		}
 	};
 	return hooks;
@@ -930,16 +940,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) if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
-	else {
+	if (vnode.shapeFlag & 6 && vnode.component) {
 		vnode.transition = hooks;
-		setTransitionHooks(vnode.component.subTree, hooks);
-	}
-	else if (vnode.shapeFlag & 128) {
-		vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-		vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+		if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
+		else {
+			const subTree = vnode.component.subTree;
+			return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
+		}
+	} else if (vnode.shapeFlag & 128) {
+		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 = [];
@@ -957,9 +1042,9 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 }
 //#endregion
 //#region packages/runtime-core/src/apiDefineComponent.ts
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineComponent(options, extraOptions) {
-	return (0, _vue_shared.isFunction)(options) ? (0, _vue_shared.extend)({ name: options.name }, extraOptions, { setup: options }) : options;
+	return (0, _vue_shared.isFunction)(options) ? /*@__PURE__*/ (() => (0, _vue_shared.extend)({ name: options.name }, extraOptions, { setup: options }))() : options;
 }
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
@@ -1046,15 +1131,16 @@ function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
 				if (rawRef.f) {
 					const existing = _isString ? canSetSetupRef(ref) ? setupState[ref] : refs[ref] : canSetRef(ref) || !rawRef.k ? ref.value : refs[rawRef.k];
 					if (isUnmount) (0, _vue_shared.isArray)(existing) && (0, _vue_shared.remove)(existing, refValue);
-					else if (!(0, _vue_shared.isArray)(existing)) if (_isString) {
-						refs[ref] = [refValue];
-						if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
-					} else {
-						const newVal = [refValue];
-						if (canSetRef(ref, rawRef.k)) ref.value = newVal;
-						if (rawRef.k) refs[rawRef.k] = newVal;
-					}
-					else if (!existing.includes(refValue)) existing.push(refValue);
+					else if (!(0, _vue_shared.isArray)(existing)) {
+						if (_isString) {
+							refs[ref] = [refValue];
+							if (canSetSetupRef(ref)) setupState[ref] = refs[ref];
+						} else {
+							const newVal = [refValue];
+							if (canSetRef(ref, rawRef.k)) ref.value = newVal;
+							if (rawRef.k) refs[rawRef.k] = newVal;
+						}
+					} else if (!existing.includes(refValue)) existing.push(refValue);
 				} else if (_isString) {
 					refs[ref] = value;
 					if (canSetSetupRef(ref)) setupState[ref] = value;
@@ -1104,7 +1190,18 @@ const logMismatchError = () => {
 	hasLoggedMismatchError = true;
 };
 const isSVGContainer = (container) => container.namespaceURI.includes("svg") && container.tagName !== "foreignObject";
-const isMathMLContainer = (container) => container.namespaceURI.includes("MathML");
+const isMathMLContainer = (container) => {
+	if (!container.namespaceURI.includes("MathML")) return false;
+	if (container.tagName !== "annotation-xml") return true;
+	const encoding = container.getAttribute("encoding");
+	return !encoding || !encoding.includes("html");
+};
+/**
+* Resolve the element namespace a container's children should be created in.
+* The live DOM is the source of truth, so this also covers containers that are
+* only known at runtime (interop boundaries, teleport targets).
+* @internal
+*/
 const getContainerType = (container) => {
 	if (container.nodeType !== 1) return void 0;
 	if (isSVGContainer(container)) return "svg";
@@ -1127,7 +1224,7 @@ function createHydrationFunctions(rendererInternals) {
 	};
 	const hydrateNode = (node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized = false) => {
 		optimized = optimized || !!vnode.dynamicChildren;
-		const isFragmentStart = isComment(node) && node.data === "[";
+		const isFragmentStart = isComment(node) && (node.data === "[" || node.data === "(");
 		const onMismatch = () => handleMismatch(node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragmentStart);
 		const { type, ref, shapeFlag, patchFlag } = vnode;
 		let domType = node.nodeType;
@@ -1139,11 +1236,12 @@ function createHydrationFunctions(rendererInternals) {
 		let nextNode = null;
 		switch (type) {
 			case Text:
-				if (domType !== 3) if (vnode.children === "") {
-					insert(vnode.el = createText(""), parentNode(node), node);
-					nextNode = node;
-				} else nextNode = onMismatch();
-				else {
+				if (domType !== 3) {
+					if (vnode.children === "") {
+						insert(vnode.el = createText(""), parentNode(node), node);
+						nextNode = node;
+					} else nextNode = onMismatch();
+				} else {
 					if (node.data !== vnode.children) {
 						logMismatchError();
 						node.data = vnode.children;
@@ -1179,39 +1277,45 @@ function createHydrationFunctions(rendererInternals) {
 				else nextNode = hydrateFragment(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node);
+				nextNode = getVaporInterface(parentComponent, vnode).hydrateSlot(vnode, node, parentComponent, parentSuspense, slotScopeIds);
 				break;
-			default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
-			else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
-			else if (shapeFlag & 6) {
+			default: if (shapeFlag & 1) {
+				if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode(node)) nextNode = onMismatch();
+				else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
+			} else if (shapeFlag & 6) {
 				vnode.slotScopeIds = slotScopeIds;
 				const container = parentNode(node);
 				if (isFragmentStart) nextNode = locateClosingAnchor(node);
 				else if (isComment(node) && node.data === "teleport start") nextNode = locateClosingAnchor(node, node.data, "teleport end");
 				else nextNode = nextSibling(node);
-				if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, null, parentComponent, parentSuspense);
-				else mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
-				if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved) {
-					let subTree;
-					if (isFragmentStart) {
-						subTree = createVNode(Fragment);
-						subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
-					} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("div");
-					subTree.el = node;
-					vnode.component.subTree = subTree;
+				if (vnode.type.__vapor) getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense);
+				else {
+					mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
+					const component = vnode.component;
+					if (!component.subTree && (isAsyncWrapper(vnode) || component.asyncDep)) {
+						let subTree;
+						if (isFragmentStart) {
+							subTree = createVNode(Static);
+							subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
+						} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode(node.nodeType === 8 ? Comment : "div");
+						subTree.el = node;
+						component.subTree = subTree;
+					}
 				}
-			} else if (shapeFlag & 64) if (domType !== 8) nextNode = onMismatch();
-			else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
-			else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
+			} else if (shapeFlag & 64) {
+				if (domType !== 8) nextNode = onMismatch();
+				else nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized, rendererInternals, hydrateChildren);
+			} else if (shapeFlag & 128) nextNode = vnode.type.hydrate(node, vnode, parentComponent, parentSuspense, getContainerType(parentNode(node)), slotScopeIds, optimized, rendererInternals, hydrateNode);
 		}
 		if (ref != null) setRef(ref, null, parentSuspense, vnode);
 		return nextNode;
 	};
 	const hydrateElement = (el, vnode, parentComponent, parentSuspense, slotScopeIds, optimized) => {
 		optimized = optimized || !!vnode.dynamicChildren;
-		const { type, props, patchFlag, shapeFlag, dirs, transition } = vnode;
+		const { type, dynamicProps, props, patchFlag, shapeFlag, dirs, transition } = vnode;
 		const forcePatch = type === "input" || type === "option";
-		if (forcePatch || patchFlag !== -1) {
+		const hasDynamicProps = !!dynamicProps;
+		if (forcePatch || hasDynamicProps || patchFlag !== -1) {
 			if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "created");
 			let needCallTransitionHooks = false;
 			if (isTemplateNode(el)) {
@@ -1227,8 +1331,8 @@ function createHydrationFunctions(rendererInternals) {
 			}
 			if (shapeFlag & 16 && !(props && (props.innerHTML || props.textContent))) {
 				let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
+				if (next && !isMismatchAllowed(el, 1)) logMismatchError();
 				while (next) {
-					if (!isMismatchAllowed(el, 1)) logMismatchError();
 					const cur = next;
 					next = next.nextSibling;
 					remove(cur);
@@ -1243,9 +1347,13 @@ function createHydrationFunctions(rendererInternals) {
 				}
 			}
 			if (props) {
-				if (forcePatch || !optimized || patchFlag & 48) {
+				if (forcePatch || hasDynamicProps || !optimized || patchFlag & 48) {
 					const isCustomElement = el.tagName.includes("-");
-					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)) patchProp(el, key, null, props[key], void 0, parentComponent);
+					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)) {
+						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];
 			}
@@ -1264,6 +1372,7 @@ function createHydrationFunctions(rendererInternals) {
 		optimized = optimized || !!parentVNode.dynamicChildren;
 		const children = parentVNode.children;
 		const l = children.length;
+		let hasCheckedMismatch = false;
 		for (let i = 0; i < l; i++) {
 			const vnode = optimized ? children[i] : children[i] = normalizeVNode(children[i]);
 			const isText = vnode.type === Text;
@@ -1277,7 +1386,10 @@ function createHydrationFunctions(rendererInternals) {
 				node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 			} else if (isText && !vnode.children) insert(vnode.el = createText(""), container);
 			else {
-				if (!isMismatchAllowed(container, 1)) logMismatchError();
+				if (!hasCheckedMismatch) {
+					hasCheckedMismatch = true;
+					if (!isMismatchAllowed(container, 1)) logMismatchError();
+				}
 				patch(null, vnode, container, null, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
 			}
 		}
@@ -1287,8 +1399,9 @@ function createHydrationFunctions(rendererInternals) {
 		const { slotScopeIds: fragmentSlotScopeIds } = vnode;
 		if (fragmentSlotScopeIds) slotScopeIds = slotScopeIds ? slotScopeIds.concat(fragmentSlotScopeIds) : fragmentSlotScopeIds;
 		const container = parentNode(node);
-		const next = hydrateChildren(nextSibling(node), vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
-		if (next && isComment(next) && next.data === "]") return nextSibling(vnode.anchor = next);
+		const first = nextSibling(node);
+		const next = vnode.vo && node.data === "(" ? getVaporInterface(parentComponent, vnode).hydrateSlotOutlet(vnode, node, parentComponent, parentSuspense, slotScopeIds) : hydrateChildren(first, vnode, container, parentComponent, parentSuspense, slotScopeIds, optimized);
+		if (next && isComment(next) && next.data === (node.data === "(" ? ")" : "]")) return nextSibling(vnode.anchor = next);
 		else {
 			logMismatchError();
 			insert(vnode.anchor = createComment(`]`), container, next);
@@ -1296,7 +1409,7 @@ function createHydrationFunctions(rendererInternals) {
 		}
 	};
 	const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-		if (!isMismatchAllowed(node.parentElement, 1)) logMismatchError();
+		if (!isNodeMismatchAllowed(node, vnode)) logMismatchError();
 		vnode.el = null;
 		if (isFragment) {
 			const end = locateClosingAnchor(node);
@@ -1310,20 +1423,22 @@ function createHydrationFunctions(rendererInternals) {
 		const container = parentNode(node);
 		remove(node);
 		patch(null, vnode, container, next, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
-		if (parentComponent) {
+		if (parentComponent && parentComponent.vnode) {
 			parentComponent.vnode.el = vnode.el;
 			updateHOCHostEl(parentComponent, vnode.el);
 		}
 		return next;
 	};
-	const locateClosingAnchor = (node, open = "[", close = "]") => {
+	const locateClosingAnchor = (node, open = node && isComment(node) && node.data === "(" ? "(" : "[", close = open === "(" ? ")" : "]") => {
 		let match = 0;
 		while (node) {
 			node = nextSibling(node);
 			if (node && isComment(node)) {
 				if (node.data === open) match++;
-				if (node.data === close) if (match === 0) return nextSibling(node);
-				else match--;
+				if (node.data === close) {
+					if (match === 0) return nextSibling(node);
+					else match--;
+				}
 			}
 		}
 		return node;
@@ -1333,7 +1448,7 @@ function createHydrationFunctions(rendererInternals) {
 		if (parentNode) parentNode.replaceChild(newNode, oldNode);
 		let parent = parentComponent;
 		while (parent) {
-			if (parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
+			if (parent.vnode && parent.vnode.el === oldNode) parent.vnode.el = parent.subTree.el = newNode;
 			parent = parent.parent;
 		}
 	};
@@ -1342,6 +1457,16 @@ function createHydrationFunctions(rendererInternals) {
 const isTemplateNode = (node) => {
 	return node.nodeType === 1 && node.tagName === "TEMPLATE";
 };
+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",
@@ -1352,7 +1477,9 @@ const MismatchTypeString = {
 };
 function isMismatchAllowed(el, allowedType) {
 	if (allowedType === 0 || allowedType === 1) while (el && !el.hasAttribute(allowMismatchAttr)) el = el.parentElement;
-	const allowedAttr = el && el.getAttribute(allowMismatchAttr);
+	return isMismatchAllowedByAttr(el && el.getAttribute(allowMismatchAttr), allowedType);
+}
+function isMismatchAllowedByAttr(allowedAttr, allowedType) {
 	if (allowedAttr == null) return false;
 	else if (allowedAttr === "") return true;
 	else {
@@ -1361,6 +1488,16 @@ function isMismatchAllowed(el, allowedType) {
 		return list.includes(MismatchTypeString[allowedType]);
 	}
 }
+function isNodeMismatchAllowed(node, vnode) {
+	return isMismatchAllowed(node.parentElement, 1) || isMismatchAllowedByNode(node) || isMismatchAllowedByVNode(vnode);
+}
+function isMismatchAllowedByNode(node) {
+	return node.nodeType === 1 && isMismatchAllowedByAttr(node.getAttribute(allowMismatchAttr), 1);
+}
+function isMismatchAllowedByVNode({ props }) {
+	const allowedAttr = props && props[allowMismatchAttr];
+	return typeof allowedAttr === "string" && isMismatchAllowedByAttr(allowedAttr, 1);
+}
 //#endregion
 //#region packages/runtime-core/src/hydrationStrategies.ts
 let requestIdleCallback;
@@ -1434,16 +1571,18 @@ const hydrateOnInteraction = (interactions = []) => (hydrate, forEach) => {
 	return teardown;
 };
 function forEachElement(node, cb) {
-	if (isComment(node) && node.data === "[") {
+	if (isComment(node) && (node.data === "[" || node.data === "(")) {
+		const open = node.data;
+		const close = open === "[" ? "]" : ")";
 		let depth = 1;
 		let next = node.nextSibling;
 		while (next) {
 			if (next.nodeType === 1) {
 				if (cb(next) === false) break;
 			} else if (isComment(next)) {
-				if (next.data === "]") {
+				if (next.data === close) {
 					if (--depth === 0) break;
-				} else if (next.data === "[") depth++;
+				} else if (next.data === open) depth++;
 			}
 			next = next.nextSibling;
 		}
@@ -1452,14 +1591,14 @@ function forEachElement(node, cb) {
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineAsyncComponent(source) {
 	const { load, getResolvedComp, setPendingRequest, source: { loadingComponent, errorComponent, delay, hydrate: hydrateStrategy, timeout, suspensible = true } } = createAsyncComponentContext(source);
 	return /* @__PURE__ */ defineComponent({
 		name: "AsyncComponentWrapper",
 		__asyncLoader: load,
 		__asyncHydrate(el, instance, hydrate) {
-			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy);
+			performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, true);
 		},
 		get __asyncResolved() {
 			return getResolvedComp();
@@ -1479,11 +1618,16 @@ function defineAsyncComponent(source) {
 				onError(err);
 				return () => errorComponent ? createVNode(errorComponent, { error: err }) : null;
 			});
-			const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError);
+			const { loaded, error, delayed } = useAsyncComponentState(delay, timeout, onError, instance);
 			load().then(() => {
+				if (instance.isUnmounted) return;
 				loaded.value = true;
 				if (instance.parent && instance.parent.vnode && isKeepAlive(instance.parent.vnode)) instance.parent.update();
 			}).catch((err) => {
+				if (instance.isUnmounted) {
+					setPendingRequest(null);
+					return;
+				}
 				onError(err);
 				error.value = err;
 			});
@@ -1539,14 +1683,22 @@ function createAsyncComponentContext(source) {
 		setPendingRequest: (request) => pendingRequest = request
 	};
 }
-const useAsyncComponentState = (delay, timeout, onError) => {
+const useAsyncComponentState = (delay, timeout, onError, instance = currentInstance) => {
 	const loaded = (0, _vue_reactivity.ref)(false);
 	const error = (0, _vue_reactivity.ref)();
 	const delayed = (0, _vue_reactivity.ref)(!!delay);
-	if (delay) setTimeout(() => {
+	let timeoutTimer;
+	let delayTimer;
+	if (instance) onUnmounted(() => {
+		if (timeoutTimer != null) clearTimeout(timeoutTimer);
+		if (delayTimer != null) clearTimeout(delayTimer);
+	}, instance);
+	if (delay) delayTimer = setTimeout(() => {
+		if (instance && instance.isUnmounted) return;
 		delayed.value = false;
 	}, delay);
-	if (timeout != null) setTimeout(() => {
+	if (timeout != null) timeoutTimer = setTimeout(() => {
+		if (instance && instance.isUnmounted) return;
 		if (!loaded.value && !error.value) {
 			const err = /* @__PURE__ */ new Error(`Async component timed out after ${timeout}ms.`);
 			onError(err);
@@ -1563,11 +1715,13 @@ const useAsyncComponentState = (delay, timeout, onError) => {
 * shared between core and vapor
 * @internal
 */
-function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy, skipIfUpdated) {
+	const wasConnected = el.isConnected;
 	let patched = false;
-	(instance.bu || (instance.bu = [])).push(() => patched = true);
+	if (skipIfUpdated) (instance.bu || (instance.bu = [])).push(() => patched = true);
 	const performHydrate = () => {
 		if (patched) return;
+		if (!el.parentNode || wasConnected && !el.isConnected) return;
 		hydrate();
 	};
 	const doHydrate = hydrateStrategy ? () => {
@@ -1647,10 +1801,13 @@ const KeepAlive = {
 		});
 		let pendingCacheKey = null;
 		const cacheSubtree = () => {
-			if (pendingCacheKey != null) if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
-				cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
-			}, void 0, keepAliveInstance.subTree.suspense);
-			else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+			if (pendingCacheKey != null) {
+				if (isSuspense(keepAliveInstance.subTree.type)) queuePostRenderEffect(() => {
+					const vnode = getInnerChild(keepAliveInstance.subTree);
+					if (vnode.component) cache.set(pendingCacheKey, vnode);
+				}, void 0, keepAliveInstance.subTree.suspense);
+				else cache.set(pendingCacheKey, getInnerChild(keepAliveInstance.subTree));
+			}
 		};
 		onMounted(cacheSubtree);
 		onUpdated(cacheSubtree);
@@ -1804,7 +1961,7 @@ function injectHook(type, hook, target = currentInstance, prepend = false) {
 			try {
 				return callWithAsyncErrorHandling(hook, target, type, args);
 			} finally {
-				setCurrentInstance(...prev);
+				restoreCurrentInstance(prev);
 				(0, _vue_reactivity.setActiveSub)(prevSub);
 			}
 		});
@@ -1888,16 +2045,17 @@ function renderList(source, renderItem, cache, index) {
 	} else if (typeof source === "number") {
 		ret = new Array(source);
 		for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-	} else if ((0, _vue_shared.isObject)(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
-	else {
-		const keys = Object.keys(source);
-		ret = new Array(keys.length);
-		for (let i = 0, l = keys.length; i < l; i++) {
-			const key = keys[i];
-			ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+	} else if ((0, _vue_shared.isObject)(source)) {
+		if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+		else {
+			const keys = Object.keys(source);
+			ret = new Array(keys.length);
+			for (let i = 0, l = keys.length; i < l; i++) {
+				const key = keys[i];
+				ret[i] = renderItem(source[key], key, i, cached && cached[i]);
+			}
 		}
-	}
-	else ret = [];
+	} else ret = [];
 	if (cache) cache[index] = ret;
 	return ret;
 }
@@ -1922,33 +2080,77 @@ function createSlots(slots, dynamicSlots) {
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 /**
+* Links a slot function to its raw vapor slot: a raw vapor slot carries
+* itself, and the wrapper the interop slots proxy hands out carries the raw
+* slot it wraps — one lookup answers both "is this a vapor slot" and
+* "which one". Internal to vapor interop.
+*/
+const rawVaporSlotKey = Symbol(`rawVaporSlot`);
+/**
+* Invokes a VDOM slot fallback under the outlet owner that produced it, the
+* way `renderSlot` would have rendered it inline. Vapor interop invokes
+* fallbacks late, outside any render, so it passes the owner recorded on the
+* vapor slot vnode. Internal to vapor interop.
+*/
+function invokeSlotFallback(fallback, owner) {
+	if (!owner) return fallback();
+	const prev = setCurrentRenderingInstance(owner);
+	const prevStackSize = blockStack.length;
+	try {
+		return fallback();
+	} finally {
+		for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
+		setCurrentRenderingInstance(prev);
+	}
+}
+/**
 * Compiler runtime helper for rendering `<slot/>`
 * @private
 */
-function renderSlot(slots, name, props = {}, fallback, noSlotted) {
+function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
+	if (props == null) props = {};
 	let slot = slots[name];
-	const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+	const vaporSlot = slot && slot[rawVaporSlotKey];
 	if (vaporSlot) {
 		const ret = (openBlock(), createBlock(VaporSlot, props));
 		ret.vs = {
 			slot: vaporSlot,
-			fallback
+			outlets: fallback ? [{
+				fallback,
+				owner: currentRenderingInstance
+			}] : void 0
 		};
+		if (!noSlotted && ret.scopeId) ret.slotScopeIds = [ret.scopeId + "-s"];
 		return ret;
 	}
 	if (currentRenderingInstance && (currentRenderingInstance.ce || currentRenderingInstance.parent && isAsyncWrapper(currentRenderingInstance.parent) && currentRenderingInstance.parent.ce)) {
-		const hasProps = Object.keys(props).length > 0;
-		if (name !== "default") props.name = name;
-		return openBlock(), createBlock(Fragment, null, [createVNode("slot", props, fallback && fallback())], hasProps ? -2 : 64);
+		const slotProps = branchKey != null && props.key == null ? (0, _vue_shared.extend)({}, props, { key: branchKey }) : props;
+		const hasProps = Object.keys(slotProps).length > 0;
+		if (name !== "default") slotProps.name = name;
+		return openBlock(), createBlock(Fragment, null, [createVNode("slot", slotProps, fallback && fallback())], hasProps ? -2 : 64);
 	}
 	if (slot && slot._c) slot._d = false;
+	const prevStackSize = blockStack.length;
 	openBlock();
-	const validSlotContent = slot && ensureValidVNode(slot(props));
-	ensureVaporSlotFallback(validSlotContent, fallback);
-	const slotKey = props.key || validSlotContent && validSlotContent.key;
-	const rendered = createBlock(Fragment, { key: (slotKey && !(0, _vue_shared.isSymbol)(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+	let rendered;
+	try {
+		const validSlotContent = slot && ensureValidVNode(slot(props));
+		let attached = false;
+		if (fallback && validSlotContent && currentRenderingInstance) {
+			const interop = currentRenderingInstance.appContext.vapor;
+			if (interop) attached = interop.attachSlotOutlet(validSlotContent, fallback, currentRenderingInstance);
+		}
+		const slotKey = props.key || branchKey || validSlotContent && validSlotContent.key;
+		rendered = createBlock(Fragment, { key: (slotKey && !(0, _vue_shared.isSymbol)(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+		if (!validSlotContent && fallback) rendered.shapeFlag |= 1024;
+		if (attached) rendered.vo = true;
+	} catch (err) {
+		for (let i = blockStack.length; i > prevStackSize; i--) closeBlock();
+		throw err;
+	} finally {
+		if (slot && slot._c) slot._d = true;
+	}
 	if (!noSlotted && rendered.scopeId) rendered.slotScopeIds = [rendered.scopeId + "-s"];
-	if (slot && slot._c) slot._d = true;
 	return rendered;
 }
 function ensureValidVNode(vnodes) {
@@ -1959,12 +2161,6 @@ function ensureValidVNode(vnodes) {
 		return true;
 	}) ? vnodes : null;
 }
-function ensureVaporSlotFallback(vnodes, fallback) {
-	let vaporSlot;
-	if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) {
-		if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
-	}
-}
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
 /**
@@ -2072,7 +2268,7 @@ const PublicInstanceProxyHandlers = {
 		return Reflect.defineProperty(target, key, descriptor);
 	}
 };
-const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ (0, _vue_shared.extend)({}, PublicInstanceProxyHandlers, {
+const RuntimeCompiledPublicInstanceProxyHandlers = /*@__PURE__*/ (0, _vue_shared.extend)({}, PublicInstanceProxyHandlers, {
 	get(target, key) {
 		if (key === Symbol.unscopables) return;
 		return PublicInstanceProxyHandlers.get(target, key, target);
@@ -2185,12 +2381,13 @@ function mergeDefaults(raw, defaults) {
 	for (const key in defaults) {
 		if (key.startsWith("__skip")) continue;
 		let opt = props[key];
-		if (opt) if ((0, _vue_shared.isArray)(opt) || (0, _vue_shared.isFunction)(opt)) opt = props[key] = {
-			type: opt,
-			default: defaults[key]
-		};
-		else opt.default = defaults[key];
-		else if (opt === null) opt = props[key] = { default: defaults[key] };
+		if (opt) {
+			if ((0, _vue_shared.isArray)(opt) || (0, _vue_shared.isFunction)(opt)) opt = props[key] = {
+				type: opt,
+				default: defaults[key]
+			};
+			else opt.default = defaults[key];
+		} else if (opt === null) opt = props[key] = { default: defaults[key] };
 		if (opt && defaults[`__skip_${key}`]) opt.skipFactory = true;
 	}
 	return props;
@@ -2243,21 +2440,29 @@ function withAsyncContext(getAwaitable) {
 	setCurrentInstance(null, void 0);
 	if (inSSRSetup) setInSSRSetupState(false);
 	const restore = () => {
+		const stoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 		setCurrentInstance(ctx);
 		if (inSSRSetup) setInSSRSetupState(true);
+		return stoppedScope;
 	};
 	const cleanup = () => {
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 	};
 	if ((0, _vue_shared.isPromise)(awaitable)) awaitable = awaitable.catch((e) => {
-		restore();
-		Promise.resolve().then(() => Promise.resolve().then(cleanup));
+		const stoppedScope = restore();
+		Promise.resolve().then(() => Promise.resolve().then(() => {
+			if (stoppedScope) stoppedScope.reset();
+			cleanup();
+		}));
 		throw e;
 	});
 	return [awaitable, () => {
-		restore();
-		Promise.resolve().then(cleanup);
+		const stoppedScope = restore();
+		Promise.resolve().then(() => {
+			if (stoppedScope) stoppedScope.reset();
+			cleanup();
+		});
 	}];
 }
 //#endregion
@@ -2283,9 +2488,11 @@ function applyOptions(instance) {
 	shouldCacheAccess = true;
 	if (computedOptions) for (const key in computedOptions) {
 		const opt = computedOptions[key];
+		const get = (0, _vue_shared.isFunction)(opt) ? opt.bind(publicThis, publicThis) : (0, _vue_shared.isFunction)(opt.get) ? opt.get.bind(publicThis, publicThis) : _vue_shared.NOOP;
+		const set = !(0, _vue_shared.isFunction)(opt) && (0, _vue_shared.isFunction)(opt.set) ? opt.set.bind(publicThis) : _vue_shared.NOOP;
 		const c = computed({
-			get: (0, _vue_shared.isFunction)(opt) ? opt.bind(publicThis, publicThis) : (0, _vue_shared.isFunction)(opt.get) ? opt.get.bind(publicThis, publicThis) : _vue_shared.NOOP,
-			set: !(0, _vue_shared.isFunction)(opt) && (0, _vue_shared.isFunction)(opt.set) ? opt.set.bind(publicThis) : _vue_shared.NOOP
+			get,
+			set
 		});
 		Object.defineProperty(ctx, key, {
 			enumerable: true,
@@ -2341,9 +2548,10 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = _vue_s
 	for (const key in injectOptions) {
 		const opt = injectOptions[key];
 		let injected;
-		if ((0, _vue_shared.isObject)(opt)) if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
-		else injected = inject(opt.from || key);
-		else injected = inject(opt);
+		if ((0, _vue_shared.isObject)(opt)) {
+			if ("default" in opt) injected = inject(opt.from || key, opt.default, true);
+			else injected = inject(opt.from || key);
+		} else injected = inject(opt);
 		if ((0, _vue_reactivity.isRef)(injected)) Object.defineProperty(ctx, key, {
 			enumerable: true,
 			configurable: true,
@@ -2362,10 +2570,12 @@ function createWatcher(raw, ctx, publicThis, key) {
 		const handler = ctx[raw];
 		if ((0, _vue_shared.isFunction)(handler)) watch(getter, handler);
 	} else if ((0, _vue_shared.isFunction)(raw)) watch(getter, raw.bind(publicThis));
-	else if ((0, _vue_shared.isObject)(raw)) if ((0, _vue_shared.isArray)(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
-	else {
-		const handler = (0, _vue_shared.isFunction)(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
-		if ((0, _vue_shared.isFunction)(handler)) watch(getter, handler, raw);
+	else if ((0, _vue_shared.isObject)(raw)) {
+		if ((0, _vue_shared.isArray)(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
+		else {
+			const handler = (0, _vue_shared.isFunction)(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
+			if ((0, _vue_shared.isFunction)(handler)) watch(getter, handler, raw);
+		}
 	}
 }
 /**
@@ -2451,7 +2661,7 @@ function mergeObjectOptions(to, from) {
 }
 function mergeEmitsOrPropsOptions(to, from) {
 	if (to) {
-		if ((0, _vue_shared.isArray)(to) && (0, _vue_shared.isArray)(from)) return [...new Set([...to, ...from])];
+		if ((0, _vue_shared.isArray)(to) && (0, _vue_shared.isArray)(from)) return [.../* @__PURE__ */ new Set([...to, ...from])];
 		return (0, _vue_shared.extend)(Object.create(null), normalizePropsOrEmits(to), normalizePropsOrEmits(from !== null && from !== void 0 ? from : {}));
 	} else return from;
 }
@@ -2583,13 +2793,17 @@ function useModel(props, name, options = _vue_shared.EMPTY_OBJ) {
 	const modifiers = getModelModifiers(props, camelizedName, defaultPropGetter);
 	const res = (0, _vue_reactivity.customRef)((track, trigger) => {
 		let localValue;
+		let prevPropValue = _vue_shared.EMPTY_OBJ;
 		let prevSetValue = _vue_shared.EMPTY_OBJ;
 		let prevEmittedValue;
 		watchSyncEffect(() => {
 			const propValue = props[camelizedName];
-			if ((0, _vue_shared.hasChanged)(localValue, propValue)) {
-				localValue = propValue;
-				trigger();
+			if ((0, _vue_shared.hasChanged)(prevPropValue, propValue)) {
+				prevPropValue = propValue;
+				if ((0, _vue_shared.hasChanged)(localValue, propValue)) {
+					localValue = propValue;
+					trigger();
+				}
 			}
 		});
 		return {
@@ -2612,12 +2826,13 @@ function useModel(props, name, options = _vue_shared.EMPTY_OBJ) {
 					for (const key of rawPropKeys) if (key === name || key === camelizedName || key === hyphenatedName) parentPassedModelValue = true;
 					else if (key === `onUpdate:${name}` || key === `onUpdate:${camelizedName}` || key === `onUpdate:${hyphenatedName}`) parentPassedModelUpdater = true;
 				}
-				if (!parentPassedModelValue || !parentPassedModelUpdater) {
+				const hasVModel = parentPassedModelValue && parentPassedModelUpdater;
+				if (!hasVModel) {
 					localValue = value;
 					trigger();
 				}
 				i.emit(`update:${name}`, emittedValue);
-				if ((0, _vue_shared.hasChanged)(value, emittedValue) && (0, _vue_shared.hasChanged)(value, prevSetValue) && !(0, _vue_shared.hasChanged)(emittedValue, prevEmittedValue)) trigger();
+				if ((0, _vue_shared.hasChanged)(value, prevSetValue) && ((0, _vue_shared.hasChanged)(value, emittedValue) && !(0, _vue_shared.hasChanged)(emittedValue, prevEmittedValue) || hasVModel && prevSetValue !== _vue_shared.EMPTY_OBJ && !(0, _vue_shared.hasChanged)(emittedValue, localValue))) trigger();
 				prevSetValue = value;
 				prevEmittedValue = emittedValue;
 			}
@@ -2653,7 +2868,7 @@ function baseEmit(instance, props, getter, event, ...rawArgs) {
 	const modifiers = isModelListener && getModelModifiers(props, event.slice(7), getter);
 	if (modifiers) {
 		if (modifiers.trim) args = rawArgs.map((a) => (0, _vue_shared.isString)(a) ? a.trim() : a);
-		if (modifiers.number) args = rawArgs.map(_vue_shared.looseToNumber);
+		if (modifiers.number) args = args.map(_vue_shared.looseToNumber);
 	}
 	let handlerName;
 	let handler = getter(props, handlerName = (0, _vue_shared.toHandlerKey)(event)) || getter(props, handlerName = (0, _vue_shared.toHandlerKey)((0, _vue_shared.camelize)(event)));
@@ -2708,7 +2923,8 @@ function normalizeEmitsOptions(comp, appContext, asMixin = false) {
 */
 function isEmitListener(options, key) {
 	if (!options || !(0, _vue_shared.isOn)(key)) return false;
-	key = key.slice(2).replace(/Once$/, "");
+	key = key.slice(2);
+	key = key === "Once" ? key : key.replace(/Once$/, "");
 	return (0, _vue_shared.hasOwn)(options, key[0].toLowerCase() + key.slice(1)) || (0, _vue_shared.hasOwn)(options, (0, _vue_shared.hyphenate)(key)) || (0, _vue_shared.hasOwn)(options, key);
 }
 //#endregion
@@ -2753,7 +2969,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;
@@ -2763,15 +2979,18 @@ function filterSingleRoot(children, recurse = true) {
 	for (let i = 0; i < children.length; i++) {
 		const child = children[i];
 		if (isVNode(child)) {
-			if (child.type !== Comment || child.children === "v-if") if (singleRoot) return;
-			else singleRoot = child;
+			if (child.type !== Comment || child.children === "v-if") {
+				if (singleRoot) return;
+				else singleRoot = child;
+			}
 		} else return;
 	}
 	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) => {
@@ -2872,16 +3091,17 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 				let key = propsToUpdate[i];
 				if (isEmitListener(instance.emitsOptions, key)) continue;
 				const value = rawProps[key];
-				if (options) if ((0, _vue_shared.hasOwn)(attrs, key)) {
-					if (value !== attrs[key]) {
-						attrs[key] = value;
-						hasAttrsChanged = true;
+				if (options) {
+					if ((0, _vue_shared.hasOwn)(attrs, key)) {
+						if (value !== attrs[key]) {
+							attrs[key] = value;
+							hasAttrsChanged = true;
+						}
+					} else {
+						const camelizedKey = (0, _vue_shared.camelize)(key);
+						props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
 					}
-				} else {
-					const camelizedKey = (0, _vue_shared.camelize)(key);
-					props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
-				}
-				else if (value !== attrs[key]) {
+				} else if (value !== attrs[key]) {
 					attrs[key] = value;
 					hasAttrsChanged = true;
 				}
@@ -2890,9 +3110,11 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 	} else {
 		if (setFullProps(instance, rawProps, props, attrs)) hasAttrsChanged = true;
 		let kebabKey;
-		for (const key in rawCurrentProps) if (!rawProps || !(0, _vue_shared.hasOwn)(rawProps, key) && ((kebabKey = (0, _vue_shared.hyphenate)(key)) === key || !(0, _vue_shared.hasOwn)(rawProps, kebabKey))) if (options) {
-			if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
-		} else delete props[key];
+		for (const key in rawCurrentProps) if (!rawProps || !(0, _vue_shared.hasOwn)(rawProps, key) && ((kebabKey = (0, _vue_shared.hyphenate)(key)) === key || !(0, _vue_shared.hasOwn)(rawProps, kebabKey))) {
+			if (options) {
+				if (rawPrevProps && (rawPrevProps[key] !== void 0 || rawPrevProps[kebabKey] !== void 0)) props[key] = resolvePropValue(options, key, void 0, instance, baseResolveDefault, true);
+			} else delete props[key];
+		}
 		if (attrs !== rawCurrentProps) {
 			for (const key in attrs) if (!rawProps || !(0, _vue_shared.hasOwn)(rawProps, key) && true) {
 				delete attrs[key];
@@ -2910,9 +3132,10 @@ function setFullProps(instance, rawProps, props, attrs) {
 		if ((0, _vue_shared.isReservedProp)(key)) continue;
 		const value = rawProps[key];
 		let camelKey;
-		if (options && (0, _vue_shared.hasOwn)(options, camelKey = (0, _vue_shared.camelize)(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
-		else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-		else if (!isEmitListener(instance.emitsOptions, key)) {
+		if (options && (0, _vue_shared.hasOwn)(options, camelKey = (0, _vue_shared.camelize)(key))) {
+			if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
+			else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
+		} else if (!isEmitListener(instance.emitsOptions, key)) {
 			if (!(key in attrs) || value !== attrs[key]) {
 				attrs[key] = value;
 				hasAttrsChanged = true;
@@ -2959,7 +3182,7 @@ function baseResolveDefault(factory, instance, key) {
 	const prev = setCurrentInstance(instance);
 	const props = (0, _vue_reactivity.toRaw)(instance.props);
 	value = factory.call(null, props);
-	setCurrentInstance(...prev);
+	restoreCurrentInstance(prev);
 	return value;
 }
 const mixinPropsCache = /* @__PURE__ */ new WeakMap();
@@ -3073,9 +3296,10 @@ const updateSlots = (instance, children, optimized) => {
 	let deletionComparisonTarget = _vue_shared.EMPTY_OBJ;
 	if (vnode.shapeFlag & 32) {
 		const type = children._;
-		if (type) if (optimized && type === 1) needDeletionCheck = false;
-		else assignSlots(slots, children, optimized);
-		else {
+		if (type) {
+			if (optimized && type === 1) needDeletionCheck = false;
+			else assignSlots(slots, children, optimized);
+		} else {
 			needDeletionCheck = !children.$stable;
 			normalizeObjectSlots(children, slots, instance);
 		}
@@ -3135,6 +3359,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 			optimized = false;
 			n2.dynamicChildren = null;
 		}
+		if (n2.dynamicChildren && n1 && n1.dynamicChildren && n1.dynamicChildren.hasOnce) {
+			if (n2.dynamicChildren === _vue_shared.EMPTY_ARR) n2.dynamicChildren = [];
+			n2.dynamicChildren.hasOnce = true;
+		}
 		const { type, ref, shapeFlag } = n2;
 		switch (type) {
 			case Text:
@@ -3150,7 +3378,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				processFragment(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 				break;
 			case VaporSlot:
-				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense);
+				getVaporInterface(parentComponent, n2).slot(n1, n2, container, anchor, parentComponent, parentSuspense, slotScopeIds);
 				break;
 			default: if (shapeFlag & 1) processElement(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 			else if (shapeFlag & 6) processComponent(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
@@ -3246,7 +3474,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		for (let i = 0; i < inheritedScopeIds.length; i++) hostSetScopeId(el, inheritedScopeIds[i]);
 	};
 	const mountChildren = (children, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, start = 0) => {
-		for (let i = start; i < children.length; i++) patch(null, children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]), container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		for (let i = start; i < children.length; i++) {
+			const child = children[i] = optimized ? cloneIfMounted(children[i]) : normalizeVNode(children[i]);
+			patch(null, child, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+		}
 	};
 	const patchElement = (n1, n2, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		const el = n2.el = n1.el;
@@ -3257,8 +3488,14 @@ function baseCreateRenderer(options, createHydrationFns) {
 		let vnodeHook;
 		parentComponent && toggleRecurse(parentComponent, false);
 		if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+		if (n2.ibu) n2.ibu();
 		if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
 		parentComponent && toggleRecurse(parentComponent, true);
+		if (dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
+			patchFlag = 0;
+			optimized = false;
+			dynamicChildren = null;
+		}
 		if (oldProps.innerHTML && newProps.innerHTML == null || oldProps.textContent && newProps.textContent == null) hostSetElementText(el, "");
 		if (dynamicChildren) patchBlockChildren(n1.dynamicChildren, dynamicChildren, el, parentComponent, parentSuspense, resolveChildrenNamespace(n2, namespace), slotScopeIds);
 		else if (!optimized) patchChildren(n1, n2, el, null, parentComponent, parentSuspense, resolveChildrenNamespace(n2, namespace), slotScopeIds, false);
@@ -3283,8 +3520,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 				if (n1.children !== n2.children) hostSetElementText(el, n2.children);
 			}
 		} else if (!optimized && dynamicChildren == null) patchProps(el, oldProps, newProps, parentComponent, namespace);
-		if ((vnodeHook = newProps.onVnodeUpdated) || dirs) queuePostRenderEffect(() => {
+		if ((vnodeHook = newProps.onVnodeUpdated) || dirs || n2.iu) queuePostRenderEffect(() => {
 			vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
+			n2.iu && n2.iu();
 			dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
 		}, void 0, parentSuspense);
 	};
@@ -3292,7 +3530,8 @@ function baseCreateRenderer(options, createHydrationFns) {
 		for (let i = 0; i < newChildren.length; i++) {
 			const oldVNode = oldChildren[i];
 			const newVNode = newChildren[i];
-			patch(oldVNode, newVNode, oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
+			const container = oldVNode.el && (oldVNode.type === Fragment || !isSameVNodeType(oldVNode, newVNode) || oldVNode.shapeFlag & 198) ? hostParentNode(oldVNode.el) : fallbackContainer;
+			patch(oldVNode, newVNode, container, null, parentComponent, parentSuspense, namespace, slotScopeIds, true);
 		}
 	};
 	const patchProps = (el, oldProps, newProps, parentComponent, namespace) => {
@@ -3325,25 +3564,15 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	const processComponent = (n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized) => {
 		n2.slotScopeIds = slotScopeIds;
-		if (n2.type.__vapor) if (n1 == null) if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent);
-		else {
-			getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
-				if (n2.dirs) {
-					invokeDirectiveHook(n2, null, parentComponent, "created");
-					invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
-				}
-			});
-			if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
-		}
-		else {
-			getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized), () => {
-				if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-			});
-			if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, n1, parentComponent, "updated"), void 0, parentSuspense);
-		}
-		else if (n1 == null) if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
-		else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
-		else updateComponent(n1, n2, optimized);
+		if (n2.type.__vapor) {
+			if (n1 == null) {
+				if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
+				else getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense);
+			} else getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized));
+		} else if (n1 == null) {
+			if (n2.shapeFlag & 512) parentComponent.ctx.activate(n2, container, anchor, namespace, optimized);
+			else mountComponent(n2, container, anchor, parentComponent, parentSuspense, namespace, optimized);
+		} else updateComponent(n1, n2, optimized);
 	};
 	const mountComponent = (initialVNode, container, anchor, parentComponent, parentSuspense, namespace, optimized) => {
 		const instance = initialVNode.component = createComponentInstance(initialVNode, parentComponent, parentSuspense);
@@ -3374,14 +3603,16 @@ function baseCreateRenderer(options, createHydrationFns) {
 	};
 	const updateComponent = (n1, n2, optimized) => {
 		const instance = n2.component = n1.component;
-		if (shouldUpdateComponent(n1, n2, optimized)) if (instance.asyncDep && !instance.asyncResolved) {
-			updateComponentPreRender(instance, n2, optimized);
-			return;
+		if (shouldUpdateComponent(n1, n2, optimized)) {
+			if (instance.asyncDep && !instance.asyncResolved) {
+				n2.el = n1.el;
+				updateComponentPreRender(instance, n2, optimized);
+				return;
+			} else {
+				instance.next = n2;
+				instance.effect.run();
+			}
 		} else {
-			instance.next = n2;
-			instance.effect.run();
-		}
-		else {
 			n2.el = n1.el;
 			instance.vnode = n2;
 		}
@@ -3467,6 +3698,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				} else next = vnode;
 				if (bu) (0, _vue_shared.invokeArrayFns)(bu);
 				if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
+				if (next.ibu) next.ibu();
 				toggleRecurse(instance, true);
 				const nextTree = renderComponentRoot(instance);
 				const prevTree = instance.subTree;
@@ -3475,7 +3707,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 				next.el = nextTree.el;
 				if (originNext === null) updateHOCHostEl(instance, nextTree.el);
 				if (u) queuePostRenderEffect(u, void 0, parentSuspense);
-				if (vnodeHook = next.props && next.props.onVnodeUpdated) queuePostRenderEffect(() => invokeVNodeHook(vnodeHook, parent, next, vnode), void 0, parentSuspense);
+				if ((vnodeHook = next.props && next.props.onVnodeUpdated) || next.iu) queuePostRenderEffect(() => {
+					vnodeHook && invokeVNodeHook(vnodeHook, parent, next, vnode);
+					next.iu && next.iu();
+				}, void 0, parentSuspense);
 			}
 		}
 	}
@@ -3513,9 +3748,10 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (shapeFlag & 8) {
 			if (prevShapeFlag & 16) unmountChildren(c1, parentComponent, parentSuspense);
 			if (c2 !== c1) hostSetElementText(container, c2);
-		} else if (prevShapeFlag & 16) if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-		else unmountChildren(c1, parentComponent, parentSuspense, true);
-		else {
+		} else if (prevShapeFlag & 16) {
+			if (shapeFlag & 16) patchKeyedChildren(c1, c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
+			else unmountChildren(c1, parentComponent, parentSuspense, true);
+		} else {
 			if (prevShapeFlag & 8) hostSetElementText(container, "");
 			if (shapeFlag & 16) mountChildren(c2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
 		}
@@ -3611,15 +3847,17 @@ function baseCreateRenderer(options, createHydrationFns) {
 				const anchorVNode = c2[nextIndex + 1];
 				const anchor = nextIndex + 1 < l2 ? anchorVNode.el || resolveAsyncComponentPlaceholder(anchorVNode) : parentAnchor;
 				if (newIndexToOldIndexMap[i] === 0) patch(null, nextChild, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized);
-				else if (moved) if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
-				else j--;
+				else if (moved) {
+					if (j < 0 || i !== increasingNewIndexSequence[j]) move(nextChild, container, anchor, 2, parentComponent);
+					else j--;
+				}
 			}
 		}
 	};
 	const move = (vnode, container, anchor, moveType, parentComponent, parentSuspense = null) => {
 		const { el, type, transition, children, shapeFlag } = vnode;
 		if (isVaporComponent(type) || type === VaporSlot) {
-			getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType);
+			getVaporInterface(parentComponent, vnode).move(vnode, container, anchor, moveType, parentSuspense);
 			return;
 		}
 		if (shapeFlag & 6) {
@@ -3644,49 +3882,37 @@ function baseCreateRenderer(options, createHydrationFns) {
 			moveStaticNode(vnode, container, anchor);
 			return;
 		}
-		if (moveType !== 2 && shapeFlag & 1 && transition) if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
-		else {
-			const { leave, delayLeave, afterLeave } = transition;
-			const remove = () => {
+		if (moveType !== 2 && shapeFlag & 1 && transition) {
+			if (moveType === 0) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense, true);
+			else performTransitionLeave(el, transition, () => {
 				if (vnode.ctx.isUnmounted) hostRemove(el);
 				else hostInsert(el, container, anchor);
-			};
-			const performLeave = () => {
-				if (el._isLeaving) el[leaveCbKey](true);
-				leave(el, () => {
-					remove();
-					afterLeave && afterLeave();
-				});
-			};
-			if (delayLeave) delayLeave(el, remove, performLeave);
-			else performLeave();
-		}
-		else hostInsert(el, container, anchor);
+			}, true, true);
+		} else hostInsert(el, container, anchor);
 	};
 	const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
 		const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
-		if (patchFlag === -2) optimized = false;
+		if (patchFlag === -2 || dynamicChildren && dynamicChildren.hasOnce) optimized = false;
 		if (ref != null) {
 			const prevSub = (0, _vue_reactivity.setActiveSub)();
 			setRef(ref, null, parentSuspense, vnode, true);
 			(0, _vue_reactivity.setActiveSub)(prevSub);
 		}
-		if (cacheIndex != null) parentComponent.renderCache[cacheIndex] = void 0;
+		if (cacheIndex != null && (!vnode.ctx || vnode.ctx === parentComponent)) parentComponent.renderCache[cacheIndex] = void 0;
 		if (shapeFlag & 256) {
-			if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer());
+			if (isVaporComponent(vnode.type)) getVaporInterface(parentComponent, vnode).deactivate(vnode, parentComponent.ctx.getStorageContainer(), parentSuspense);
 			else parentComponent.ctx.deactivate(vnode);
 			return;
 		}
+		if (shapeFlag & 6 && isVaporComponent(type)) {
+			getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
+			return;
+		}
 		const shouldInvokeDirs = shapeFlag & 1 && dirs;
 		const shouldInvokeVnodeHook = !isAsyncWrapper(vnode);
 		let vnodeHook;
 		if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeBeforeUnmount)) invokeVNodeHook(vnodeHook, parentComponent, vnode);
-		if (shapeFlag & 6) if (isVaporComponent(type)) {
-			if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
-			getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
-			if (dirs) queuePostRenderEffect(() => invokeDirectiveHook(vnode, null, parentComponent, "unmounted"), void 0, parentSuspense);
-			return;
-		} else unmountComponent(vnode.component, parentSuspense, doRemove);
+		if (shapeFlag & 6) unmountComponent(vnode.component, parentSuspense, doRemove);
 		else {
 			if (shapeFlag & 128) {
 				vnode.suspense.unmount(parentSuspense, doRemove);
@@ -3697,7 +3923,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 			else if (dynamicChildren && !dynamicChildren.hasOnce && (type !== Fragment || patchFlag > 0 && patchFlag & 64)) unmountChildren(dynamicChildren, parentComponent, parentSuspense, false, true);
 			else if (type === Fragment && patchFlag & 384 || !optimized && shapeFlag & 16) unmountChildren(children, parentComponent, parentSuspense);
 			if (type === VaporSlot) {
-				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove);
+				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
 				return;
 			}
 			if (doRemove) remove(vnode);
@@ -3717,6 +3943,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		}
 		if (type === Static) {
 			removeStaticNode(vnode);
+			if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
 			return;
 		}
 		if (transition) performTransitionLeave(el, transition, () => hostRemove(el), !!(vnode.shapeFlag & 1));
@@ -3740,6 +3967,9 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (effect) {
 			effect.stop();
 			unmount(subTree, instance, parentSuspense, doRemove);
+		} else if (instance.vnode.el && subTree) {
+			subTree.transition = instance.vnode.transition;
+			unmount(subTree, instance, parentSuspense, doRemove);
 		}
 		if (um) queuePostRenderEffect(um, void 0, parentSuspense);
 		queuePostRenderEffect(() => instance.isUnmounted = true, void 0, parentSuspense);
@@ -3808,12 +4038,14 @@ function resolveChildrenNamespace({ type, props }, currentNamespace) {
 	return currentNamespace === "svg" && type === "foreignObject" || currentNamespace === "mathml" && type === "annotation-xml" && props && props.encoding && props.encoding.includes("html") ? void 0 : currentNamespace;
 }
 function toggleRecurse({ effect, job, vapor }, allowed) {
-	if (!vapor) if (allowed) {
-		effect.flags |= 128;
-		job.flags |= 2;
-	} else {
-		effect.flags &= -129;
-		job.flags &= -3;
+	if (!vapor) {
+		if (allowed) {
+			effect.flags |= 128;
+			job.flags |= 2;
+		} else {
+			effect.flags &= -129;
+			job.flags &= -3;
+		}
 	}
 }
 function needTransition(parentSuspense, transition) {
@@ -3852,13 +4084,19 @@ function traverseStaticChildren(n1, n2, shallow = false) {
 }
 function locateNonHydratedAsyncRoot(instance) {
 	const subComponent = instance.subTree && instance.subTree.component;
-	if (subComponent) if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
-	else return locateNonHydratedAsyncRoot(subComponent);
+	if (subComponent) {
+		if (subComponent.asyncDep && !subComponent.asyncResolved) return subComponent;
+		else return locateNonHydratedAsyncRoot(subComponent);
+	}
 }
 function invalidateMount(hooks) {
 	if (hooks) for (let i = 0; i < hooks.length; i++) hooks[i].flags |= 4;
 }
 function performTransitionEnter(el, transition, insert, parentSuspense, force = false) {
+	if (force && transition.persisted && !el[leaveCbKey]) {
+		insert();
+		return;
+	}
 	if (force || needTransition(parentSuspense, transition)) {
 		transition.beforeEnter(el);
 		insert();
@@ -3868,13 +4106,15 @@ function performTransitionEnter(el, transition, insert, parentSuspense, force =
 function performTransitionLeave(el, transition, remove, isElement = true, force = false) {
 	const performRemove = () => {
 		remove();
-		if (transition && !transition.persisted && transition.afterLeave) transition.afterLeave();
+		if (transition && (force || !transition.persisted) && transition.afterLeave) transition.afterLeave();
 	};
 	if (force || isElement && transition && !transition.persisted) {
 		const { leave, delayLeave } = transition;
 		const performLeave = () => {
+			const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 			if (el._isLeaving && force) el[leaveCbKey](true);
-			leave(el, performRemove);
+			if (force && transition.persisted && !wasLeaving) remove();
+			else leave(el, performRemove);
 		};
 		if (delayLeave) delayLeave(el, performRemove, performLeave);
 		else performLeave();
@@ -3890,7 +4130,7 @@ function isVaporComponent(type) {
 /**
 * shared between vdom and vapor
 */
-function getInheritedScopeIds(vnode, parentComponent) {
+function getInheritedScopeIds(vnode, parentComponent, includeVaporRootIds = true) {
 	const inheritedScopeIds = [];
 	let currentParent = parentComponent;
 	let currentVNode = vnode;
@@ -3905,6 +4145,8 @@ function getInheritedScopeIds(vnode, parentComponent) {
 			currentParent = currentParent.parent;
 		} else break;
 	}
+	const vaporScopeIds = includeVaporRootIds && currentVNode.vaporScopeIds;
+	if (vaporScopeIds) inheritedScopeIds.push(...vaporScopeIds);
 	return inheritedScopeIds;
 }
 function resolveAsyncComponentPlaceholder(anchorVnode) {
@@ -3923,7 +4165,7 @@ const Suspense = {
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
 		if (n1 == null) mountSuspense(n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals);
 		else {
-			if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback) {
+			if (parentSuspense && parentSuspense.deps > 0 && !n1.suspense.isInFallback && !parentSuspense.isHydrating) {
 				n2.suspense = n1.suspense;
 				n2.suspense.vnode = n2;
 				n2.el = n1.el;
@@ -3961,10 +4203,12 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 	if (pendingBranch) {
 		suspense.pendingBranch = newBranch;
 		if (isSameVNodeType(pendingBranch, newBranch)) {
-			patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+			suspense.deps++;
+			patch(pendingBranch, newBranch, isHydrating ? container : suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
+			suspense.deps--;
 			if (suspense.deps <= 0) suspense.resolve();
 			else if (isInFallback) {
-				if (!isHydrating) {
+				if (!isHydrating && !suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -3976,12 +4220,16 @@ 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) {
 				patch(null, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 				if (suspense.deps <= 0) suspense.resolve();
-				else {
+				else if (!suspense.isFallbackMountPending) {
 					patch(activeBranch, newFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 					setActiveBranch(suspense, newFallback);
 				}
@@ -4048,15 +4296,19 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			if (suspense.isHydrating) suspense.isHydrating = false;
 			else if (!resume) {
 				delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+				let hasUpdatedAnchor = false;
 				if (delayEnter) activeBranch.transition.afterLeave = () => {
 					if (pendingId === suspense.pendingId) {
-						move(pendingBranch, container, anchor === initialAnchor ? next(activeBranch) : anchor, 0, parentComponent);
+						move(pendingBranch, container, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0, parentComponent);
 						queuePostFlushCb(effects);
 						if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 					}
 				};
 				if (activeBranch && !suspense.isFallbackMountPending) {
-					if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
+					if (parentNode(activeBranch.el) === container) {
+						anchor = next(activeBranch);
+						hasUpdatedAnchor = true;
+					}
 					unmount(activeBranch, parentComponent, suspense, true);
 					if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 				}
@@ -4070,7 +4322,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;
 				}
@@ -4080,6 +4332,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			suspense.effects = [];
 			if (isSuspensible) {
 				if (parentSuspense && parentSuspense.pendingBranch && parentSuspenseId === parentSuspense.pendingId) {
+					parentSuspenseId = void 0;
 					parentSuspense.deps--;
 					if (parentSuspense.deps === 0 && !sync) parentSuspense.resolve();
 				}
@@ -4094,8 +4347,9 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			const mountFallback = () => {
 				suspense.isFallbackMountPending = false;
 				if (!suspense.isInFallback) return;
-				patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
-				setActiveBranch(suspense, fallbackVNode);
+				const latestFallback = suspense.vnode.ssFallback;
+				patch(null, latestFallback, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
+				setActiveBranch(suspense, latestFallback);
 			};
 			const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
 			if (delayEnter) {
@@ -4116,10 +4370,16 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 		registerDep(instance, onResolve) {
 			const isInPendingSuspense = !!suspense.pendingBranch;
 			if (isInPendingSuspense) suspense.deps++;
+			const hydratedEl = instance.vnode && instance.vnode.el;
 			instance.asyncDep.catch((err) => {
 				handleError(err, instance, 0);
 			}).then((asyncSetupResult) => {
 				if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
+				setCurrentInstance(null, void 0);
+				if (hydratedEl && !instance.scope.active) {
+					if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
+					return;
+				}
 				instance.asyncResolved = true;
 				onResolve(asyncSetupResult);
 				if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
@@ -4166,9 +4426,10 @@ function normalizeSuspenseSlot(s) {
 	return s;
 }
 function queueEffectWithSuspense(fn, id, suspense) {
-	if (suspense && suspense.pendingBranch) if ((0, _vue_shared.isArray)(fn)) suspense.effects.push(...fn);
-	else suspense.effects.push(fn);
-	else queuePostFlushCb(fn, id);
+	if (suspense && suspense.pendingBranch) {
+		if ((0, _vue_shared.isArray)(fn)) suspense.effects.push(...fn);
+		else suspense.effects.push(fn);
+	} else queuePostFlushCb(fn, id);
 }
 function setActiveBranch(suspense, branch) {
 	suspense.activeBranch = branch;
@@ -4329,8 +4590,10 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
 	if (isVNode(type)) {
 		const cloned = cloneVNode(type, props, true);
 		if (children) normalizeChildren(cloned, children);
-		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
-		else currentBlock.push(cloned);
+		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) {
+			if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
+			else currentBlock.push(cloned);
+		}
 		cloned.patchFlag = -2;
 		return cloned;
 	}
@@ -4383,11 +4646,31 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 		el: vnode.el,
 		anchor: vnode.anchor,
 		ctx: vnode.ctx,
-		ce: vnode.ce
+		ce: vnode.ce,
+		vi: vnode.vi,
+		vs: cloneVaporSlotMeta(vnode),
+		vb: vnode.vb,
+		ibu: vnode.ibu,
+		iu: vnode.iu,
+		cacheIndex: vnode.cacheIndex
 	};
 	if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 	return cloned;
 }
+function cloneVaporSlotMeta(vnode) {
+	const vaporSlot = vnode.vs;
+	if (!vaporSlot) return vaporSlot;
+	const cloned = {
+		slot: vaporSlot.slot,
+		outlets: vaporSlot.outlets
+	};
+	if (vnode.el) {
+		cloned.state = vaporSlot.state;
+		cloned.ref = vaporSlot.ref;
+		cloned.scope = vaporSlot.scope;
+	}
+	return cloned;
+}
 /**
 * @private
 */
@@ -4422,25 +4705,32 @@ function normalizeChildren(vnode, children) {
 	const { shapeFlag } = vnode;
 	if (children == null) children = null;
 	else if ((0, _vue_shared.isArray)(children)) type = 16;
-	else if (typeof children === "object") if (shapeFlag & 65) {
-		const slot = children.default;
-		if (slot) {
-			slot._c && (slot._d = false);
-			normalizeChildren(vnode, slot());
-			slot._c && (slot._d = true);
+	else if (typeof children === "object") {
+		if (shapeFlag & 65) {
+			const slot = children.default;
+			if (slot) {
+				slot._c && (slot._d = false);
+				normalizeChildren(vnode, slot());
+				slot._c && (slot._d = true);
+			}
+			return;
+		} else {
+			type = 32;
+			const slotFlag = children._;
+			if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
+			else if (slotFlag === 3 && currentRenderingInstance) {
+				if (currentRenderingInstance.slots._ === 1) children._ = 1;
+				else {
+					children._ = 2;
+					vnode.patchFlag |= 1024;
+				}
+			}
 		}
-		return;
-	} else {
-		type = 32;
-		const slotFlag = children._;
-		if (!slotFlag && !isInternalObject(children)) children._ctx = currentRenderingInstance;
-		else if (slotFlag === 3 && currentRenderingInstance) if (currentRenderingInstance.slots._ === 1) children._ = 1;
-		else {
-			children._ = 2;
-			vnode.patchFlag |= 1024;
+	} else if ((0, _vue_shared.isFunction)(children)) {
+		if (shapeFlag & 65) {
+			normalizeChildren(vnode, { default: children });
+			return;
 		}
-	}
-	else if ((0, _vue_shared.isFunction)(children)) {
 		children = {
 			default: children,
 			_ctx: currentRenderingInstance
@@ -4513,6 +4803,16 @@ const setCurrentInstance = (instance, scope = instance !== null ? instance.scope
 		simpleSetCurrentInstance(instance);
 	}
 };
+/**
+* Restores a snapshot returned by {@link setCurrentInstance}. Unlike calling
+* `setCurrentInstance(...prev)`, an `undefined` saved scope is restored
+* verbatim instead of re-triggering the `instance.scope` default.
+* @internal
+*/
+const restoreCurrentInstance = (prev) => {
+	(0, _vue_reactivity.setCurrentScope)(prev[1]);
+	simpleSetCurrentInstance(prev[0]);
+};
 const internalOptions = [
 	"ce",
 	"type",
@@ -4538,7 +4838,7 @@ const useInstanceOption = (key, silent = false) => {
 };
 //#endregion
 //#region packages/runtime-core/src/component.ts
-const emptyAppContext = /* @__PURE__ */ createAppContext();
+const emptyAppContext = /*@__PURE__*/ createAppContext();
 let uid = 0;
 function createComponentInstance(vnode, parent, suspense) {
 	const type = vnode.type;
@@ -4641,7 +4941,7 @@ function setupStatefulComponent(instance, isSSR) {
 		const setupResult = callWithErrorHandling(setup, instance, 0, [instance.props, setupContext]);
 		const isAsyncSetup = (0, _vue_shared.isPromise)(setupResult);
 		(0, _vue_reactivity.setActiveSub)(prevSub);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) markAsyncBoundary(instance);
 		if (isAsyncSetup) {
 			const unsetCurrentInstance = () => {
@@ -4649,7 +4949,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);
 			});
@@ -4658,9 +4963,10 @@ function setupStatefulComponent(instance, isSSR) {
 	} else finishComponentSetup(instance, isSSR);
 }
 function handleSetupResult(instance, setupResult, isSSR) {
-	if ((0, _vue_shared.isFunction)(setupResult)) if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
-	else instance.render = setupResult;
-	else if ((0, _vue_shared.isObject)(setupResult)) instance.setupState = (0, _vue_reactivity.proxyRefs)(setupResult);
+	if ((0, _vue_shared.isFunction)(setupResult)) {
+		if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
+		else instance.render = setupResult;
+	} else if ((0, _vue_shared.isObject)(setupResult)) instance.setupState = (0, _vue_reactivity.proxyRefs)(setupResult);
 	finishComponentSetup(instance, isSSR);
 }
 let compile;
@@ -4701,7 +5007,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
 			applyOptions(instance);
 		} finally {
 			(0, _vue_reactivity.setActiveSub)(prevSub);
-			setCurrentInstance(...prevInstance);
+			restoreCurrentInstance(prevInstance);
 		}
 	}
 }
@@ -4727,14 +5033,13 @@ function getComponentPublicInstance(instance) {
 	if (instance.exposed) return instance.exposeProxy || (instance.exposeProxy = new Proxy((0, _vue_reactivity.proxyRefs)((0, _vue_reactivity.markRaw)(instance.exposed)), {
 		get(target, key) {
 			if (key in target) return target[key];
-			else {
+			else if (!instance.vapor) {
 				const publicPropertiesMap = getPublicPropertiesMap();
 				if (key in publicPropertiesMap) return publicPropertiesMap[key](instance);
 			}
 		},
 		has(target, key) {
-			const publicPropertiesMap = getPublicPropertiesMap();
-			return key in target || key in publicPropertiesMap;
+			return key in target || !instance.vapor && key in getPublicPropertiesMap();
 		}
 	}));
 	else return instance.proxy;
@@ -4756,11 +5061,12 @@ function h(type, propsOrChildren, children) {
 	try {
 		setBlockTracking(-1);
 		const l = arguments.length;
-		if (l === 2) if ((0, _vue_shared.isObject)(propsOrChildren) && !(0, _vue_shared.isArray)(propsOrChildren)) {
-			if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
-			return createVNode(type, propsOrChildren);
-		} else return createVNode(type, null, propsOrChildren);
-		else {
+		if (l === 2) {
+			if ((0, _vue_shared.isObject)(propsOrChildren) && !(0, _vue_shared.isArray)(propsOrChildren)) {
+				if (isVNode(propsOrChildren)) return createVNode(type, null, [propsOrChildren]);
+				return createVNode(type, propsOrChildren);
+			} else return createVNode(type, null, propsOrChildren);
+		} else {
 			if (l > 3) children = Array.prototype.slice.call(arguments, 2);
 			else if (l === 3 && isVNode(children)) children = [children];
 			return createVNode(type, propsOrChildren, children);
@@ -4771,15 +5077,7 @@ function h(type, propsOrChildren, children) {
 }
 //#endregion
 //#region packages/runtime-core/src/customFormatter.ts
-function initCustomFormatter() {
-	return;
-	function isKeyOfType(Comp, key, type) {
-		const opts = Comp[type];
-		if ((0, _vue_shared.isArray)(opts) && opts.includes(key) || (0, _vue_shared.isObject)(opts) && key in opts) return true;
-		if (Comp.extends && isKeyOfType(Comp.extends, key, type)) return true;
-		if (Comp.mixins && Comp.mixins.some((m) => isKeyOfType(m, key, type))) return true;
-	}
-}
+function initCustomFormatter() {}
 //#endregion
 //#region packages/runtime-core/src/helpers/withMemo.ts
 function withMemo(memo, render, cache, index) {
@@ -4799,7 +5097,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.9";
+const version = "3.6.0-rc.10";
 const warn = _vue_shared.NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -4822,7 +5120,10 @@ const ssrUtils = {
 	getComponentPublicInstance,
 	ensureValidVNode,
 	pushWarningContext,
-	popWarningContext
+	popWarningContext,
+	VaporSlot,
+	rawVaporSlotKey,
+	invokeSlotFallback
 };
 /**
 * @internal only exposed in compat builds