@vue/runtime-core 3.6.0-rc.5 → 3.6.0-rc.7

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

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-core v3.6.0-rc.5
+  * @vue/runtime-core v3.6.0-rc.7
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -264,7 +264,7 @@ let currentFlushPromise = null;
 let jobsLength = 0;
 let flushIndex = 0;
 let postFlushIndex = 0;
-const resolvedPromise = /* @__PURE__ */ Promise.resolve();
+const resolvedPromise = /*@__PURE__*/ Promise.resolve();
 const RECURSION_LIMIT = 100;
 function nextTick(fn) {
 	const p = currentFlushPromise || resolvedPromise;
@@ -303,6 +303,7 @@ const doFlushJobs = () => {
 		flushJobs();
 	} catch (e) {
 		currentFlushPromise = null;
+		if (jobsLength || postJobs.length) queueFlush();
 		throw e;
 	}
 };
@@ -310,9 +311,10 @@ function queueFlush() {
 	if (!currentFlushPromise) currentFlushPromise = resolvedPromise.then(doFlushJobs);
 }
 function queuePostFlushCb(jobs, id = Infinity) {
-	if (!isArray(jobs)) if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
-	else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
-	else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
+	if (!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) {
@@ -326,8 +328,11 @@ 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) {
@@ -340,18 +345,22 @@ function flushPostFlushCbs(seen) {
 		activePostJobs = postJobs;
 		postJobs = [];
 		if (!!(process.env.NODE_ENV !== "production")) seen = seen || /* @__PURE__ */ new Map();
-		while (postFlushIndex < activePostJobs.length) {
-			const cb = activePostJobs[postFlushIndex++];
-			if (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, cb)) continue;
-			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 (!!(process.env.NODE_ENV !== "production") && checkRecursiveUpdates(seen, cb)) continue;
+				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;
@@ -361,9 +370,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) {
@@ -393,8 +405,8 @@ function flushJobs(seen) {
 		jobsLength = 0;
 		jobs.length = 0;
 		flushPostFlushCbs(seen);
-		currentFlushPromise = null;
 		if (jobsLength || postJobs.length) flushJobs(seen);
+		else currentFlushPromise = null;
 	}
 }
 function checkRecursiveUpdates(seen, fn) {
@@ -425,6 +437,19 @@ if (!!(process.env.NODE_ENV !== "production")) getGlobalThis().__VUE_HMR_RUNTIME
 	rerender: tryWrap(rerender),
 	reload: tryWrap(reload)
 };
+function runWithHmrUpdating(fn) {
+	isHmrUpdating = true;
+	let done = false;
+	try {
+		fn();
+		done = true;
+	} finally {
+		if (done) nextTick(() => {
+			isHmrUpdating = false;
+		});
+		else isHmrUpdating = false;
+	}
+}
 const map = /* @__PURE__ */ new Map();
 function registerHMR(instance) {
 	const id = instance.type.__hmrId;
@@ -466,18 +491,16 @@ function rerender(id, newRender) {
 			instance.render = newRender;
 			normalizeClassComponent(instance.type).render = newRender;
 		}
-		isHmrUpdating = true;
-		if (instance.vapor) {
-			if (!instance.isUnmounted) instance.hmrRerender();
-		} else {
-			const i = instance;
-			if (!(i.effect.flags & 1024)) {
-				i.renderCache = [];
-				i.effect.run();
+		runWithHmrUpdating(() => {
+			if (instance.vapor) {
+				if (!instance.isUnmounted) instance.hmrRerender();
+			} else {
+				const i = instance;
+				if (!(i.effect.flags & 1024)) {
+					i.renderCache = [];
+					i.effect.run();
+				}
 			}
-		}
-		nextTick(() => {
-			isHmrUpdating = false;
 		});
 	});
 }
@@ -492,15 +515,17 @@ function reload(id, newComp) {
 		for (const instance of instances) if (instance.root && instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(instance.type);
 		const dirtyInstances = new Set(instances);
 		const rerenderedParents = /* @__PURE__ */ new Set();
-		for (const instance of instances) {
-			const parent = instance.parent;
-			if (parent) {
-				if (!hasDirtyAncestor(instance, dirtyInstances) && !rerenderedParents.has(parent)) {
-					rerenderedParents.add(parent);
-					parent.hmrRerender();
-				}
-			} else instance.hmrReload(newComp);
-		}
+		runWithHmrUpdating(() => {
+			for (const instance of instances) {
+				const parent = instance.parent;
+				if (parent) {
+					if (!hasDirtyAncestor(instance, dirtyInstances) && !rerenderedParents.has(parent)) {
+						rerenderedParents.add(parent);
+						parent.hmrRerender();
+					}
+				} else instance.hmrReload(newComp);
+			}
+		});
 	} else {
 		const parentUpdates = /* @__PURE__ */ new Map();
 		const dirtyInstanceSet = new Set(instances);
@@ -534,21 +559,22 @@ function reload(id, newComp) {
 		}
 		parentUpdates.forEach((updates, parent) => {
 			queueJob(() => {
-				isHmrUpdating = true;
-				if (parent.vapor) parent.hmrRerender();
-				else {
-					const i = parent;
-					if (!(i.effect.flags & 1024)) {
-						i.renderCache = [];
-						i.effect.run();
-					}
+				try {
+					runWithHmrUpdating(() => {
+						if (parent.vapor) parent.hmrRerender();
+						else {
+							const i = parent;
+							if (!(i.effect.flags & 1024)) {
+								i.renderCache = [];
+								i.effect.run();
+							}
+						}
+					});
+				} finally {
+					updates.forEach(([instance, dirtyInstances]) => {
+						dirtyInstances.delete(instance);
+					});
 				}
-				nextTick(() => {
-					isHmrUpdating = false;
-				});
-				updates.forEach(([instance, dirtyInstances]) => {
-					dirtyInstances.delete(instance);
-				});
 			});
 		});
 	}
@@ -617,20 +643,20 @@ function devtoolsInitApp(app, version) {
 function devtoolsUnmountApp(app) {
 	emit$1("app:unmount", app);
 }
-const devtoolsComponentAdded = /* @__PURE__ */ createDevtoolsComponentHook("component:added");
-const devtoolsComponentUpdated = /* @__PURE__ */ createDevtoolsComponentHook("component:updated");
-const _devtoolsComponentRemoved = /* @__PURE__ */ createDevtoolsComponentHook("component:removed");
+const devtoolsComponentAdded = /*@__PURE__*/ createDevtoolsComponentHook("component:added");
+const devtoolsComponentUpdated = /*@__PURE__*/ createDevtoolsComponentHook("component:updated");
+const _devtoolsComponentRemoved = /*@__PURE__*/ createDevtoolsComponentHook("component:removed");
 const devtoolsComponentRemoved = (component) => {
 	if (devtools$1 && typeof devtools$1.cleanupBuffer === "function" && !devtools$1.cleanupBuffer(component)) _devtoolsComponentRemoved(component);
 };
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function createDevtoolsComponentHook(hook) {
 	return (component) => {
 		emit$1(hook, component.appContext.app, component.uid, component.parent ? component.parent.uid : void 0, component);
 	};
 }
-const devtoolsPerfStart = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:start");
-const devtoolsPerfEnd = /* @__PURE__ */ createDevtoolsPerformanceHook("perf:end");
+const devtoolsPerfStart = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:start");
+const devtoolsPerfEnd = /*@__PURE__*/ createDevtoolsPerformanceHook("perf:end");
 function createDevtoolsPerformanceHook(hook) {
 	return (component, type, time) => {
 		emit$1(hook, component.appContext.app, component.uid, component, type, time);
@@ -915,15 +941,16 @@ 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 (isString(targetSelector)) if (!select) {
-		process.env.NODE_ENV !== "production" && warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
-		return null;
+	if (isString(targetSelector)) {
+		if (!select) {
+			process.env.NODE_ENV !== "production" && warn$1("Current renderer does not support string target for Teleports. (missing querySelector renderer option)");
+			return null;
+		} else {
+			const target = select(targetSelector);
+			if (!!(process.env.NODE_ENV !== "production") && !target && !isTeleportDisabled(props)) warn$1(`Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`);
+			return target;
+		}
 	} else {
-		const target = select(targetSelector);
-		if (!!(process.env.NODE_ENV !== "production") && !target && !isTeleportDisabled(props)) warn$1(`Failed to locate Teleport target with selector "${targetSelector}". Note the target element must exist before the component is mounted - i.e. the target cannot be rendered by the component itself, and ideally should be outside of the entire Vue component tree.`);
-		return target;
-	}
-	else {
 		if (!!(process.env.NODE_ENV !== "production") && !targetSelector && !isTeleportDisabled(props)) warn$1(`Invalid Teleport target: ${targetSelector}`);
 		return targetSelector;
 	}
@@ -961,7 +988,8 @@ const TeleportImpl = {
 				if (pendingMounts.get(vnode) !== mountJob) return;
 				pendingMounts.delete(vnode);
 				if (isTeleportDisabled(vnode.props)) {
-					mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
+					const mountContainer = parentNode(vnode.el) || container;
+					mount(vnode, mountContainer, vnode.anchor);
 					updateCssVars(vnode, true);
 				}
 				mountToTarget(vnode);
@@ -1070,15 +1098,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) {
@@ -1245,8 +1275,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]);
@@ -1256,11 +1288,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;
@@ -1294,7 +1328,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			else done();
 		},
 		clone(node) {
-			return cloneHooks(node);
+			return cloneHooks ? cloneHooks(node) : hooks;
 		}
 	};
 	return hooks;
@@ -1437,9 +1471,9 @@ function checkTransitionMode(mode) {
 }
 //#endregion
 //#region packages/runtime-core/src/apiDefineComponent.ts
-/* @__NO_SIDE_EFFECTS__ */
+/*@__NO_SIDE_EFFECTS__*/
 function defineComponent(options, extraOptions) {
-	return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
+	return isFunction(options) ? /*@__PURE__*/ (() => extend({ name: options.name }, extraOptions, { setup: options }))() : options;
 }
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
@@ -1536,15 +1570,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) isArray(existing) && remove(existing, refValue);
-					else if (!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 (!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;
@@ -1658,11 +1693,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) {
 						(process.env.NODE_ENV !== "production" || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) && warn$1(`Hydration text mismatch in`, node.parentNode, `\n  - rendered on server: ${JSON.stringify(node.data)}\n  - expected on client: ${JSON.stringify(vnode.children)}`);
 						logMismatchError();
@@ -1701,9 +1737,10 @@ function createHydrationFunctions(rendererInternals) {
 			case VaporSlot:
 				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);
@@ -1725,19 +1762,20 @@ function createHydrationFunctions(rendererInternals) {
 				} else {
 					mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
 					const component = vnode.component;
-					if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved || component.asyncDep && !component.asyncResolved) {
+					if (!component.subTree && (isAsyncWrapper(vnode) || component.asyncDep && !component.asyncResolved)) {
 						let subTree;
 						if (isFragmentStart) {
-							subTree = createVNode(Fragment);
+							subTree = createVNode(Static);
 							subTree.anchor = nextNode ? nextNode.previousSibling : container.lastChild;
 						} else subTree = node.nodeType === 3 ? createTextVNode("") : createVNode("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);
 			else if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_HYDRATION_MISMATCH_DETAILS__) warn$1("Invalid HostVNode type:", type, `(${typeof type})`);
 		}
 		if (ref != null) setRef(ref, null, parentSuspense, vnode);
@@ -1882,8 +1920,10 @@ function createHydrationFunctions(rendererInternals) {
 			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;
@@ -1905,7 +1945,7 @@ const isTemplateNode = (node) => {
 /**
 * Dev only
 */
-const resourceProps = /* @__PURE__ */ new Set([
+const resourceProps = /*@__PURE__*/ new Set([
 	"src",
 	"srcset",
 	"href",
@@ -2159,14 +2199,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();
@@ -2285,10 +2325,10 @@ const useAsyncComponentState = (delay, timeout, onError, instance = currentInsta
 * 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) {
 			if (!!(process.env.NODE_ENV !== "production")) {
@@ -2378,10 +2418,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);
@@ -2623,23 +2666,25 @@ function renderList(source, renderItem, cache, index) {
 		}
 		ret = new Array(source.length);
 		for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-	} else if (typeof source === "number") if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
-		warn$1(`The v-for range expects a positive integer value but got ${source}.`);
-		ret = [];
-	} else {
-		ret = new Array(source);
-		for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-	}
-	else if (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 (typeof source === "number") {
+		if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
+			warn$1(`The v-for range expects a positive integer value but got ${source}.`);
+			ret = [];
+		} else {
+			ret = new Array(source);
+			for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
 		}
-	}
-	else ret = [];
+	} else if (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 = [];
 	if (cache) cache[index] = ret;
 	return ret;
 }
@@ -2664,14 +2709,27 @@ 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`);
+/**
+* Marks a compiler-generated slot fallback as VDOM-rendered so the vapor
+* interop fallback chain renders it through the VDOM renderer. Internal to
+* vapor interop.
+*/
+const vdomSlotFallbackKey = Symbol(`vdomSlotFallback`);
+/**
 * Compiler runtime helper for rendering `<slot/>`
 * @private
 */
 function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
 	if (props == null) props = {};
 	let slot = slots[name];
-	if (fallback) fallback.__vdom = true;
-	const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
+	if (fallback) fallback[vdomSlotFallbackKey] = true;
+	const vaporSlot = slot && slot[rawVaporSlotKey];
 	if (vaporSlot) {
 		const ret = (openBlock(), createBlock(VaporSlot, props));
 		ret.vs = {
@@ -2748,11 +2806,38 @@ const getPublicInstance = (i) => {
 	if (isStatefulComponent(i)) return getComponentPublicInstance(i);
 	return getPublicInstance(i.parent);
 };
+const resolveDevRootEl = (vnode) => {
+	let found = false;
+	while (true) {
+		if (vnode.patchFlag > 0 && vnode.patchFlag & 2048) {
+			const root = filterSingleRoot(vnode.children);
+			if (!root) return;
+			vnode = root;
+			found = true;
+			continue;
+		}
+		const component = vnode.component;
+		if (component && component.subTree) {
+			vnode = component.subTree;
+			continue;
+		}
+		const suspense = vnode.suspense;
+		if (suspense && suspense.activeBranch) {
+			vnode = suspense.activeBranch;
+			continue;
+		}
+		return found ? vnode.el : void 0;
+	}
+};
+const getDevRootFragmentEl = (i) => {
+	const el = i.subTree && resolveDevRootEl(i.subTree);
+	return el === void 0 ? i.vnode.el : el;
+};
 let publicPropertiesMap;
 const getPublicPropertiesMap = () => {
 	if (!publicPropertiesMap) publicPropertiesMap = extend(Object.create(null), {
 		$: (i) => i,
-		$el: (i) => i.vnode.el,
+		$el: (i) => !!(process.env.NODE_ENV !== "production") ? getDevRootFragmentEl(i) : i.vnode.el,
 		$data: (i) => i.data,
 		$props: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly$1(i.props) : i.props,
 		$attrs: (i) => !!(process.env.NODE_ENV !== "production") ? shallowReadonly$1(i.attrs) : i.attrs,
@@ -2858,7 +2943,7 @@ if (!!(process.env.NODE_ENV !== "production") && true) PublicInstanceProxyHandle
 	warn$1("Avoid app logic that relies on enumerating keys on a component instance. The keys will be empty in production mode to avoid performance overhead.");
 	return Reflect.ownKeys(target);
 };
-const RuntimeCompiledPublicInstanceProxyHandlers = /* @__PURE__ */ extend({}, PublicInstanceProxyHandlers, {
+const RuntimeCompiledPublicInstanceProxyHandlers = /*@__PURE__*/ extend({}, PublicInstanceProxyHandlers, {
 	get(target, key) {
 		if (key === Symbol.unscopables) return;
 		return PublicInstanceProxyHandlers.get(target, key, target);
@@ -3030,12 +3115,13 @@ function mergeDefaults(raw, defaults) {
 	for (const key in defaults) {
 		if (key.startsWith("__skip")) continue;
 		let opt = props[key];
-		if (opt) if (isArray(opt) || 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 (isArray(opt) || 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] };
 		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`props default key "${key}" has no corresponding declaration.`);
 		if (opt && defaults[`__skip_${key}`]) opt.skipFactory = true;
 	}
@@ -3179,11 +3265,12 @@ function applyOptions(instance) {
 		const opt = computedOptions[key];
 		const get = isFunction(opt) ? opt.bind(publicThis, publicThis) : isFunction(opt.get) ? opt.get.bind(publicThis, publicThis) : NOOP;
 		if (!!(process.env.NODE_ENV !== "production") && get === NOOP) warn$1(`Computed property "${key}" has no getter.`);
+		const set = !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
+			warn$1(`Write operation failed: computed property "${key}" is readonly.`);
+		} : NOOP;
 		const c = computed({
 			get,
-			set: !isFunction(opt) && isFunction(opt.set) ? opt.set.bind(publicThis) : !!(process.env.NODE_ENV !== "production") ? () => {
-				warn$1(`Write operation failed: computed property "${key}" is readonly.`);
-			} : NOOP
+			set
 		});
 		Object.defineProperty(ctx, key, {
 			enumerable: true,
@@ -3240,9 +3327,10 @@ function resolveInjections(injectOptions, ctx, checkDuplicateProperties = NOOP)
 	for (const key in injectOptions) {
 		const opt = injectOptions[key];
 		let injected;
-		if (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 (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 (isRef$1(injected)) Object.defineProperty(ctx, key, {
 			enumerable: true,
 			configurable: true,
@@ -3263,13 +3351,14 @@ function createWatcher(raw, ctx, publicThis, key) {
 		if (isFunction(handler)) watch(getter, handler);
 		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw}"`, handler);
 	} else if (isFunction(raw)) watch(getter, raw.bind(publicThis));
-	else if (isObject(raw)) if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
-	else {
-		const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
-		if (isFunction(handler)) watch(getter, handler, raw);
-		else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
-	}
-	else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch option: "${key}"`, raw);
+	else if (isObject(raw)) {
+		if (isArray(raw)) raw.forEach((r) => createWatcher(r, ctx, publicThis, key));
+		else {
+			const handler = isFunction(raw.handler) ? raw.handler.bind(publicThis) : ctx[raw.handler];
+			if (isFunction(handler)) watch(getter, handler, raw);
+			else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch handler specified by key "${raw.handler}"`, handler);
+		}
+	} else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Invalid watch option: "${key}"`, raw);
 }
 /**
 * Resolve merged options and cache it on the component.
@@ -3355,7 +3444,7 @@ function mergeObjectOptions(to, from) {
 }
 function mergeEmitsOrPropsOptions(to, from) {
 	if (to) {
-		if (isArray(to) && isArray(from)) return [...new Set([...to, ...from])];
+		if (isArray(to) && isArray(from)) return [.../* @__PURE__ */ new Set([...to, ...from])];
 		return extend(Object.create(null), normalizePropsOrEmits(to), normalizePropsOrEmits(from !== null && from !== void 0 ? from : {}));
 	} else return from;
 }
@@ -3480,8 +3569,10 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 				} else if (!!(process.env.NODE_ENV !== "production")) warn$1(`Cannot unmount an app that is not mounted.`);
 			},
 			provide(key, value) {
-				if (!!(process.env.NODE_ENV !== "production") && key in context.provides) if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
-				else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+				if (!!(process.env.NODE_ENV !== "production") && key in context.provides) {
+					if (hasOwn(context.provides, key)) warn$1(`App already provides property with key "${String(key)}". It will be overwritten with the new value.`);
+					else warn$1(`App already provides property with key "${String(key)}" inherited from its parent element. It will be overwritten with the new value.`);
+				}
 				context.provides[key] = value;
 				return app;
 			},
@@ -3588,12 +3679,14 @@ function baseEmit(instance, props, getter, event, ...rawArgs) {
 	if (instance.isUnmounted) return;
 	if (!!(process.env.NODE_ENV !== "production")) {
 		const { emitsOptions, propsOptions } = instance;
-		if (emitsOptions) if (!(event in emitsOptions) && true) {
-			if (!propsOptions || !propsOptions[0] || !(toHandlerKey$1(camelize$1(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey$1(camelize$1(event))}" prop.`);
-		} else {
-			const validator = emitsOptions[event];
-			if (isFunction(validator)) {
-				if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+		if (emitsOptions) {
+			if (!(event in emitsOptions) && true) {
+				if (!propsOptions || !propsOptions[0] || !(toHandlerKey$1(camelize$1(event)) in propsOptions[0])) warn$1(`Component emitted event "${event}" but it is neither declared in the emits option nor as an "${toHandlerKey$1(camelize$1(event))}" prop.`);
+			} else {
+				const validator = emitsOptions[event];
+				if (isFunction(validator)) {
+					if (!validator(...rawArgs)) warn$1(`Invalid event arguments: event validation failed for event "${event}".`);
+				}
 			}
 		}
 	}
@@ -3602,7 +3695,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) => isString(a) ? a.trim() : a);
-		if (modifiers.number) args = rawArgs.map(looseToNumber);
+		if (modifiers.number) args = args.map(looseToNumber);
 	}
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentEmit(instance, event, args);
 	if (!!(process.env.NODE_ENV !== "production")) {
@@ -3786,10 +3879,12 @@ 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 (!!(process.env.NODE_ENV !== "production") && recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+			if (child.type !== Comment || child.children === "v-if") {
+				if (singleRoot) return;
+				else {
+					singleRoot = child;
+					if (!!(process.env.NODE_ENV !== "production") && recurse && singleRoot.patchFlag > 0 && singleRoot.patchFlag & 2048) return filterSingleRoot(singleRoot.children);
+				}
 			}
 		} else return;
 	}
@@ -3910,16 +4005,17 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
 				let key = propsToUpdate[i];
 				if (isEmitListener(instance.emitsOptions, key)) continue;
 				const value = rawProps[key];
-				if (options) if (hasOwn(attrs, key)) {
-					if (value !== attrs[key]) {
-						attrs[key] = value;
-						hasAttrsChanged = true;
+				if (options) {
+					if (hasOwn(attrs, key)) {
+						if (value !== attrs[key]) {
+							attrs[key] = value;
+							hasAttrsChanged = true;
+						}
+					} else {
+						const camelizedKey = camelize$1(key);
+						props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
 					}
-				} else {
-					const camelizedKey = camelize$1(key);
-					props[camelizedKey] = resolvePropValue(options, camelizedKey, value, instance, baseResolveDefault);
-				}
-				else if (value !== attrs[key]) {
+				} else if (value !== attrs[key]) {
 					attrs[key] = value;
 					hasAttrsChanged = true;
 				}
@@ -3928,9 +4024,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 || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !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 || !hasOwn(rawProps, key) && ((kebabKey = hyphenate(key)) === key || !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 || !hasOwn(rawProps, key) && true) {
 				delete attrs[key];
@@ -3949,9 +4047,10 @@ function setFullProps(instance, rawProps, props, attrs) {
 		if (isReservedProp(key)) continue;
 		const value = rawProps[key];
 		let camelKey;
-		if (options && hasOwn(options, camelKey = camelize$1(key))) if (!needCastKeys || !needCastKeys.includes(camelKey)) props[camelKey] = value;
-		else (rawCastValues || (rawCastValues = {}))[camelKey] = value;
-		else if (!isEmitListener(instance.emitsOptions, key)) {
+		if (options && hasOwn(options, camelKey = camelize$1(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;
@@ -4114,7 +4213,7 @@ function validateProp(key, value, propOptions, resolvedProps, isAbsent) {
 	}
 	if (validator && !validator(value, !!(process.env.NODE_ENV !== "production") ? shallowReadonly$1(resolvedProps) : resolvedProps)) warn$1("Invalid prop: custom validator check failed for prop \"" + key + "\".");
 }
-const isSimpleType = /* @__PURE__ */ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
+const isSimpleType = /*@__PURE__*/ makeMap("String,Number,Boolean,Function,Symbol,BigInt");
 /**
 * dev only
 */
@@ -4227,12 +4326,13 @@ const updateSlots = (instance, children, optimized) => {
 	let deletionComparisonTarget = EMPTY_OBJ;
 	if (vnode.shapeFlag & 32) {
 		const type = children._;
-		if (type) if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
-			assignSlots(slots, children, optimized);
-			trigger(instance, "set", "$slots");
-		} else if (optimized && type === 1) needDeletionCheck = false;
-		else assignSlots(slots, children, optimized);
-		else {
+		if (type) {
+			if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
+				assignSlots(slots, children, optimized);
+				trigger(instance, "set", "$slots");
+			} else if (optimized && type === 1) needDeletionCheck = false;
+			else assignSlots(slots, children, optimized);
+		} else {
 			needDeletionCheck = !children.$stable;
 			normalizeObjectSlots(children, slots, instance);
 		}
@@ -4250,7 +4350,7 @@ const updateSlots = (instance, children, optimized) => {
 let supported;
 let perf;
 let cachedNow = 0;
-const p = /* @__PURE__ */ Promise.resolve();
+const p = /*@__PURE__*/ Promise.resolve();
 const getNow = () => cachedNow || (p.then(() => cachedNow = 0), cachedNow = isSupported() ? perf.now() : Date.now());
 /**
 * @internal
@@ -4498,7 +4598,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;
@@ -4510,6 +4613,7 @@ 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 (!!(process.env.NODE_ENV !== "production") && isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
@@ -4543,8 +4647,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);
 	};
@@ -4552,7 +4657,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) => {
@@ -4591,41 +4697,46 @@ 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, parentSuspense);
-		else {
-			const vnodeBeforeMountHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeBeforeMount;
-			getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
-				if (n2.dirs) {
-					invokeDirectiveHook(n2, null, parentComponent, "created");
-					invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
+		if (n2.type.__vapor) {
+			if (n1 == null) {
+				if (n2.shapeFlag & 512) getVaporInterface(parentComponent, n2).activate(n2, container, anchor, parentComponent, parentSuspense);
+				else {
+					const vnodeBeforeMountHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeBeforeMount;
+					getVaporInterface(parentComponent, n2).mount(n2, container, anchor, parentComponent, parentSuspense, () => {
+						if (n2.dirs) {
+							invokeDirectiveHook(n2, null, parentComponent, "created");
+							invokeDirectiveHook(n2, null, parentComponent, "beforeMount");
+						}
+					}, () => {
+						if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, n2);
+					});
+					if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
+					const vnodeMountedHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeMounted;
+					if (vnodeMountedHook) {
+						const scopedVNode = n2;
+						queuePostRenderEffect(() => invokeVNodeHook(vnodeMountedHook, parentComponent, scopedVNode), void 0, parentSuspense);
+					}
 				}
-			}, () => {
-				if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, n2);
-			});
-			if (n2.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, null, parentComponent, "mounted"), void 0, parentSuspense);
-			const vnodeMountedHook = !isAsyncWrapper(n2) && n2.props && n2.props.onVnodeMounted;
-			if (vnodeMountedHook) {
-				const scopedVNode = n2;
-				queuePostRenderEffect(() => invokeVNodeHook(vnodeMountedHook, parentComponent, scopedVNode), void 0, parentSuspense);
+			} else {
+				const shouldUpdate = shouldUpdateComponent(n1, n2, optimized);
+				getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdate, () => {
+					if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
+				}, () => {
+					const vnodeBeforeUpdateHook = n2.props && n2.props.onVnodeBeforeUpdate;
+					if (vnodeBeforeUpdateHook) invokeVNodeHook(vnodeBeforeUpdateHook, parentComponent, n2, n1);
+					if (n2.ibu) n2.ibu();
+				});
+				const vnodeUpdatedHook = n2.props && n2.props.onVnodeUpdated;
+				if (shouldUpdate && (vnodeUpdatedHook || n2.dirs || n2.iu)) queuePostRenderEffect(() => {
+					n2.dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
+					vnodeUpdatedHook && invokeVNodeHook(vnodeUpdatedHook, parentComponent, n2, n1);
+					n2.iu && n2.iu();
+				}, void 0, parentSuspense);
 			}
-		}
-		else {
-			const shouldUpdate = shouldUpdateComponent(n1, n2, optimized);
-			getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdate, () => {
-				if (n2.dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
-			}, () => {
-				const vnodeBeforeUpdateHook = n2.props && n2.props.onVnodeBeforeUpdate;
-				if (vnodeBeforeUpdateHook) invokeVNodeHook(vnodeBeforeUpdateHook, parentComponent, n2, n1);
-			});
-			const vnodeUpdatedHook = n2.props && n2.props.onVnodeUpdated;
-			if (shouldUpdate && (vnodeUpdatedHook || n2.dirs)) queuePostRenderEffect(() => {
-				n2.dirs && invokeDirectiveHook(n2, n1, parentComponent, "updated");
-				vnodeUpdatedHook && invokeVNodeHook(vnodeUpdatedHook, parentComponent, n2, n1);
-			}, 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);
+		} 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);
@@ -4670,16 +4781,17 @@ 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) {
-			if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(n2);
-			updateComponentPreRender(instance, n2, optimized);
-			if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
-			return;
+		if (shouldUpdateComponent(n1, n2, optimized)) {
+			if (instance.asyncDep && !instance.asyncResolved) {
+				if (!!(process.env.NODE_ENV !== "production")) pushWarningContext(n2);
+				updateComponentPreRender(instance, n2, optimized);
+				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
+				return;
+			} else {
+				instance.next = n2;
+				instance.effect.run();
+			}
 		} else {
-			instance.next = n2;
-			instance.effect.run();
-		}
-		else {
 			n2.el = n1.el;
 			instance.vnode = n2;
 		}
@@ -4779,6 +4891,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 				} else next = vnode;
 				if (bu) invokeArrayFns(bu);
 				if (vnodeHook = next.props && next.props.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parent, next, vnode);
+				if (next.ibu) next.ibu();
 				toggleRecurse(instance, true);
 				if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `render`);
 				const nextTree = renderComponentRoot(instance);
@@ -4791,7 +4904,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);
 				if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentUpdated(instance);
 				if (!!(process.env.NODE_ENV !== "production")) popWarningContext();
 			}
@@ -4831,9 +4947,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);
 		}
@@ -4932,8 +5049,10 @@ 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--;
+				}
 			}
 		}
 	};
@@ -4965,26 +5084,13 @@ 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 = () => {
-				const wasLeaving = el._isLeaving || !!el[leaveCbKey];
-				if (el._isLeaving) el[leaveCbKey](true);
-				if (transition.persisted && !wasLeaving) remove();
-				else 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;
@@ -5004,16 +5110,17 @@ function baseCreateRenderer(options, createHydrationFns) {
 		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, parentSuspense);
-			if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || dirs) queuePostRenderEffect(() => {
-				dirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
-				vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-			}, void 0, parentSuspense);
-			return;
-		} else unmountComponent(vnode.component, parentSuspense, doRemove);
-		else {
+		if (shapeFlag & 6) {
+			if (isVaporComponent(type)) {
+				if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeUnmount");
+				getVaporInterface(parentComponent, vnode).unmount(vnode, doRemove, parentSuspense);
+				if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || dirs) queuePostRenderEffect(() => {
+					dirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
+					vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+				}, void 0, parentSuspense);
+				return;
+			} else unmountComponent(vnode.component, parentSuspense, doRemove);
+		} else {
 			if (shapeFlag & 128) {
 				vnode.suspense.unmount(parentSuspense, doRemove);
 				return;
@@ -5145,12 +5252,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) {
@@ -5190,8 +5299,10 @@ 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;
@@ -5210,13 +5321,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();
@@ -5312,7 +5425,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 			patch(pendingBranch, newBranch, suspense.hiddenContainer, null, parentComponent, suspense, namespace, slotScopeIds, optimized);
 			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);
 				}
@@ -5333,7 +5446,7 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 			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);
 				}
@@ -5461,8 +5574,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) {
@@ -5538,9 +5652,10 @@ function normalizeSuspenseSlot(s) {
 	return s;
 }
 function queueEffectWithSuspense(fn, id, suspense) {
-	if (suspense && suspense.pendingBranch) if (isArray(fn)) suspense.effects.push(...fn);
-	else suspense.effects.push(fn);
-	else queuePostFlushCb(fn, id);
+	if (suspense && suspense.pendingBranch) {
+		if (isArray(fn)) suspense.effects.push(...fn);
+		else suspense.effects.push(fn);
+	} else queuePostFlushCb(fn, id);
 }
 function setActiveBranch(suspense, branch) {
 	suspense.activeBranch = branch;
@@ -5734,8 +5849,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;
 	}
@@ -5795,7 +5912,9 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 		ce: vnode.ce,
 		vi: vnode.vi,
 		vs: cloneVaporSlotMeta(vnode),
-		vb: vnode.vb
+		vb: vnode.vb,
+		ibu: vnode.ibu,
+		iu: vnode.iu
 	};
 	if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 	return cloned;
@@ -5858,25 +5977,28 @@ function normalizeChildren(vnode, children) {
 	const { shapeFlag } = vnode;
 	if (children == null) children = null;
 	else if (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);
-		}
-		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 (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;
+				}
+			}
 		}
-	}
-	else if (isFunction(children)) {
+	} else if (isFunction(children)) {
 		if (shapeFlag & 65) {
 			normalizeChildren(vnode, { default: children });
 			return;
@@ -5994,7 +6116,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;
 /**
 * @internal for vapor
@@ -6148,9 +6270,10 @@ function setupStatefulComponent(instance, isSSR) {
 	} else finishComponentSetup(instance, isSSR);
 }
 function handleSetupResult(instance, setupResult, isSSR) {
-	if (isFunction(setupResult)) if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
-	else instance.render = setupResult;
-	else if (isObject(setupResult)) {
+	if (isFunction(setupResult)) {
+		if (instance.type.__ssrInlineRender) instance.ssrRender = setupResult;
+		else instance.render = setupResult;
+	} else if (isObject(setupResult)) {
 		if (!!(process.env.NODE_ENV !== "production") && isVNode(setupResult)) warn$1("setup() should not return VNodes directly - return a render function instead.");
 		if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) instance.devtoolsRawSetupState = setupResult;
 		instance.setupState = proxyRefs$1(setupResult);
@@ -6201,10 +6324,12 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
 			restoreCurrentInstance(prevInstance);
 		}
 	}
-	if (!!(process.env.NODE_ENV !== "production") && !Component.render && instance.render === NOOP && !isSSR) if (!compile && Component.template)
+	if (!!(process.env.NODE_ENV !== "production") && !Component.render && instance.render === NOOP && !isSSR) {
+		if (!compile && Component.template)
  /* v8 ignore start */
-	warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".");
-	else warn$1(`Component is missing template or render function: `, Component);
+		warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Configure your bundler to alias \"vue\" to \"vue/dist/vue.esm-bundler.js\".");
+		else warn$1(`Component is missing template or render function: `, Component);
+	}
 }
 const attrsProxyHandlers = !!(process.env.NODE_ENV !== "production") ? {
 	get(target, key) {
@@ -6322,11 +6447,12 @@ function h(type, propsOrChildren, children) {
 	try {
 		setBlockTracking(-1);
 		const l = arguments.length;
-		if (l === 2) if (isObject(propsOrChildren) && !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 (isObject(propsOrChildren) && !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);
@@ -6518,7 +6644,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.5";
+const version = "3.6.0-rc.7";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -6553,4 +6679,4 @@ const resolveFilter = null;
 const compatUtils = null;
 const DeprecationTypes = null;
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, VaporSlot, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureValidVNode, ensureVaporSlotFallback, expose, filterModelListeners, flushOnAppMount, getAttributeMismatch, getComponentName, getContainerType, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, VaporSlot, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureValidVNode, ensureVaporSlotFallback, expose, filterModelListeners, flushOnAppMount, getAttributeMismatch, getComponentName, getContainerType, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isFunctionalFallthroughKey, isHydrating, isHydratingEnabled, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, logMismatchError, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, prepareTransitionLeave, prepareTransitionSwitch, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, queuePostRenderEffect, rawVaporSlotKey, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionChild, resolveTransitionHooks, restoreCurrentInstance, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, vdomSlotFallbackKey, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };