@vue/compat 3.6.0-beta.9 → 3.6.0-rc.2

package/dist/vue.runtime.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-beta.9
+  * @vue/compat v3.6.0-rc.2
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -522,6 +522,13 @@ var Vue = (function() {
 	const notifyBuffer = [];
 	let batchDepth = 0;
 	let activeSub = void 0;
+	let runDepth = 0;
+	function incRunDepth() {
+		++runDepth;
+	}
+	function decRunDepth() {
+		--runDepth;
+	}
 	let globalVersion = 0;
 	let notifyIndex = 0;
 	let notifyBufferLength = 0;
@@ -595,8 +602,10 @@ var Vue = (function() {
 			const sub = link.sub;
 			let flags = sub.flags;
 			if (flags & 3) {
-				if (!(flags & 60)) sub.flags = flags | 32;
-				else if (!(flags & 12)) flags = 0;
+				if (!(flags & 60)) {
+					sub.flags = flags | 32;
+					if (runDepth) sub.flags |= 8;
+				} else if (!(flags & 12)) flags = 0;
 				else if (!(flags & 4)) sub.flags = flags & -9 | 32;
 				else if (!(flags & 48) && isValidLink(link, sub)) {
 					sub.flags = flags | 40;
@@ -665,13 +674,13 @@ var Vue = (function() {
 			let dirty = false;
 			if (sub.flags & 16) dirty = true;
 			else if ((depFlags & 17) === 17) {
+				const subs = dep.subs;
 				if (dep.update()) {
-					const subs = dep.subs;
 					if (subs.nextSub !== void 0) shallowPropagate(subs);
 					dirty = true;
 				}
 			} else if ((depFlags & 33) === 33) {
-				if (link.nextSub !== void 0 || link.prevSub !== void 0) stack = {
+				stack = {
 					value: link,
 					prev: stack
 				};
@@ -686,15 +695,12 @@ var Vue = (function() {
 			}
 			while (checkDepth) {
 				--checkDepth;
-				const firstSub = sub.subs;
-				const hasMultipleSubs = firstSub.nextSub !== void 0;
-				if (hasMultipleSubs) {
-					link = stack.value;
-					stack = stack.prev;
-				} else link = firstSub;
+				link = stack.value;
+				stack = stack.prev;
 				if (dirty) {
+					const subs = sub.subs;
 					if (sub.update()) {
-						if (hasMultipleSubs) shallowPropagate(firstSub);
+						if (subs.nextSub !== void 0) shallowPropagate(subs);
 						sub = link.sub;
 						continue;
 					}
@@ -706,7 +712,7 @@ var Vue = (function() {
 				}
 				dirty = false;
 			}
-			return dirty;
+			return dirty && !!sub.flags;
 		} while (true);
 	}
 	function shallowPropagate(link) {
@@ -1089,7 +1095,7 @@ var Vue = (function() {
 			}
 			const hadKey = isArrayWithIntegerKey ? Number(key) < target.length : hasOwn(target, key);
 			const result = Reflect.set(target, key, value, /* @__PURE__ */ isRef(target) ? target : receiver);
-			if (target === /* @__PURE__ */ toRaw(receiver)) {
+			if (target === /* @__PURE__ */ toRaw(receiver) && result) {
 				if (!hadKey) trigger(target, "add", key, value);
 				else if (hasChanged(value, oldValue)) trigger(target, "set", key, value, oldValue);
 			}
@@ -1307,9 +1313,6 @@ var Vue = (function() {
 			default: return 0;
 		}
 	}
-	function getTargetType(value) {
-		return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(toRawType(value));
-	}
 	/* @__NO_SIDE_EFFECTS__ */
 	function reactive(target) {
 		if (/* @__PURE__ */ isReadonly(target)) return target;
@@ -1422,10 +1425,11 @@ var Vue = (function() {
 			return target;
 		}
 		if (target["__v_raw"] && !(isReadonly && target["__v_isReactive"])) return target;
-		const targetType = getTargetType(target);
-		if (targetType === 0) return target;
+		if (target["__v_skip"] || !Object.isExtensible(target)) return target;
 		const existingProxy = proxyMap.get(target);
 		if (existingProxy) return existingProxy;
+		const targetType = targetTypeMap(toRawType(target));
+		if (targetType === 0) return target;
 		const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
 		proxyMap.set(target, proxy);
 		return proxy;
@@ -1858,9 +1862,11 @@ var Vue = (function() {
 			if (!this.active) return this.fn();
 			cleanup(this);
 			const prevSub = startTracking(this);
+			incRunDepth();
 			try {
 				return this.fn();
 			} finally {
+				decRunDepth();
 				endTracking(this, prevSub);
 				const flags = this.flags;
 				if ((flags & 136) === 136) {
@@ -2241,8 +2247,9 @@ var Vue = (function() {
 			if (once && cb) {
 				const _cb = cb;
 				cb = (...args) => {
-					_cb(...args);
+					const res = _cb(...args);
 					this.stop();
+					return res;
 				};
 			}
 			this.cb = cb;
@@ -2256,7 +2263,7 @@ var Vue = (function() {
 			if (!this.cb) return;
 			const { immediate, deep, call } = this.options;
 			if (initialRun && !immediate) return;
-			if (deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
+			if (initialRun || deep || this.forceTrigger || (this.isMultiSource ? newValue.some((v, i) => hasChanged(v, oldValue[i])) : hasChanged(newValue, oldValue))) {
 				cleanup(this);
 				const currentWatcher = activeWatcher;
 				activeWatcher = this;
@@ -2563,8 +2570,8 @@ var Vue = (function() {
 	/**
 	* @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();
 		}
@@ -2673,6 +2680,7 @@ var Vue = (function() {
 			}
 			flushIndex = 0;
 			jobsLength = 0;
+			jobs.length = 0;
 			flushPostFlushCbs(seen);
 			currentFlushPromise = null;
 			if (jobsLength || postJobs.length) flushJobs(seen);
@@ -2730,6 +2738,14 @@ var Vue = (function() {
 	function normalizeClassComponent(component) {
 		return isClassComponent(component) ? component.__vccOpts : component;
 	}
+	function hasDirtyAncestor(instance, dirtyInstances) {
+		let parent = instance.parent;
+		while (parent) {
+			if (dirtyInstances.has(parent)) return true;
+			parent = parent.parent;
+		}
+		return false;
+	}
 	function rerender(id, newRender) {
 		const record = map.get(id);
 		if (!record) return;
@@ -2761,42 +2777,69 @@ var Vue = (function() {
 		const isVapor = record.initialDef.__vapor;
 		updateComponentDef(record.initialDef, newComp);
 		const instances = [...record.instances];
-		if (isVapor && newComp.__vapor && !instances.some((i) => i.ceReload)) {
+		if (isVapor && newComp.__vapor && !instances.some((instance) => instance.parent && !instance.parent.vapor) && !instances.some((i) => i.ceReload)) {
 			for (const instance of instances) if (instance.root && instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(instance.type);
-			for (const instance of instances) instance.hmrReload(newComp);
-		} else for (const instance of instances) {
-			const oldComp = normalizeClassComponent(instance.type);
-			let dirtyInstances = hmrDirtyComponents.get(oldComp);
-			if (!dirtyInstances) {
-				if (oldComp !== record.initialDef) updateComponentDef(oldComp, newComp);
-				hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
-			}
-			dirtyInstances.add(instance);
-			hmrDirtyComponentsMode.set(oldComp, !!isVapor);
-			instance.appContext.propsCache.delete(instance.type);
-			instance.appContext.emitsCache.delete(instance.type);
-			instance.appContext.optionsCache.delete(instance.type);
-			if (instance.ceReload) {
-				dirtyInstances.add(instance);
-				instance.ceReload(newComp.styles);
-				dirtyInstances.delete(instance);
-			} else if (instance.parent) queueJob(() => {
-				isHmrUpdating = true;
+			const dirtyInstances = new Set(instances);
+			const rerenderedParents = /* @__PURE__ */ new Set();
+			for (const instance of instances) {
 				const parent = instance.parent;
-				if (parent.vapor) parent.hmrRerender();
-				else if (!(parent.effect.flags & 1024)) {
-					parent.renderCache = [];
-					parent.effect.run();
+				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);
+			for (const instance of instances) {
+				const oldComp = normalizeClassComponent(instance.type);
+				let dirtyInstances = hmrDirtyComponents.get(oldComp);
+				if (!dirtyInstances) {
+					if (oldComp !== record.initialDef) updateComponentDef(oldComp, newComp);
+					hmrDirtyComponents.set(oldComp, dirtyInstances = /* @__PURE__ */ new Set());
 				}
-				nextTick(() => {
-					isHmrUpdating = false;
+				dirtyInstances.add(instance);
+				hmrDirtyComponentsMode.set(oldComp, !!isVapor);
+				instance.appContext.propsCache.delete(instance.type);
+				instance.appContext.emitsCache.delete(instance.type);
+				instance.appContext.optionsCache.delete(instance.type);
+				if (instance.ceReload) {
+					dirtyInstances.add(instance);
+					instance.ceReload(newComp.styles);
+					dirtyInstances.delete(instance);
+				} else if (instance.parent) {
+					const parent = instance.parent;
+					if (!hasDirtyAncestor(instance, dirtyInstanceSet)) {
+						let updates = parentUpdates.get(parent);
+						if (!updates) parentUpdates.set(parent, updates = []);
+						updates.push([instance, dirtyInstances]);
+					}
+				} else if (instance.appContext.reload) instance.appContext.reload();
+				else if (typeof window !== "undefined") window.location.reload();
+				else console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
+				if (instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(oldComp);
+			}
+			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();
+						}
+					}
+					nextTick(() => {
+						isHmrUpdating = false;
+					});
+					updates.forEach(([instance, dirtyInstances]) => {
+						dirtyInstances.delete(instance);
+					});
 				});
-				dirtyInstances.delete(instance);
 			});
-			else if (instance.appContext.reload) instance.appContext.reload();
-			else if (typeof window !== "undefined") window.location.reload();
-			else console.warn("[HMR] Root or manually mounted instance modified. Full reload required.");
-			if (instance.root.ce && instance !== instance.root) instance.root.ce._removeChildStyle(oldComp);
 		}
 		queuePostFlushCb(() => {
 			hmrDirtyComponents.clear();
@@ -3263,10 +3306,12 @@ var Vue = (function() {
 		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);
 			}
@@ -3464,7 +3509,7 @@ var Vue = (function() {
 		}
 		const prev = setCurrentInstance(this);
 		const res = doWatch(getter, cb.bind(publicThis), options);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		return res;
 	}
 	function createPathGetter(ctx, path) {
@@ -3477,6 +3522,7 @@ var Vue = (function() {
 	}
 	//#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 === "");
@@ -3502,58 +3548,70 @@ var Vue = (function() {
 		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;
 			if (isHmrUpdating) {
 				optimized = false;
 				dynamicChildren = null;
 			}
+			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);
+					}
+				} else if (!disabled) warn$1("Invalid Teleport target on mount:", target, `(${typeof target})`);
+			};
+			const queuePendingMount = (vnode) => {
+				const mountJob = () => {
+					if (pendingMounts.get(vnode) !== mountJob) return;
+					pendingMounts.delete(vnode);
+					if (isTeleportDisabled(vnode.props)) {
+						mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
+						updateCssVars(vnode, true);
+					}
+					mountToTarget(vnode);
+				};
+				pendingMounts.set(vnode, mountJob);
+				queuePostRenderEffect(mountJob, void 0, parentSuspense);
+			};
 			if (n1 == null) {
 				const placeholder = n2.el = createComment("teleport start");
 				const mainAnchor = n2.anchor = createComment("teleport end");
 				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);
-						}
-					} else if (!disabled) warn$1("Invalid Teleport target on mount:", target, `(${typeof target})`);
-				};
+				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;
@@ -3567,24 +3625,30 @@ var Vue = (function() {
 					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);
-					else warn$1("Invalid Teleport target on update:", target, `(${typeof target})`);
+					const nextTarget = resolveTarget(n2.props, querySelector);
+					if (nextTarget) {
+						n2.target = nextTarget;
+						moveTeleport(n2, nextTarget, null, internals, parentComponent, 0);
+					} else warn$1("Invalid Teleport target on update:", target, `(${typeof target})`);
 				} 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,
@@ -3595,7 +3659,7 @@ var Vue = (function() {
 		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);
@@ -3720,8 +3784,8 @@ var Vue = (function() {
 			const state = useTransitionState();
 			return () => {
 				const children = slots.default && getTransitionRawChildren(slots.default(), true);
-				if (!children || !children.length) return;
-				const child = findNonCommentChild(children);
+				const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+				if (!child) return;
 				const rawProps = /* @__PURE__ */ toRaw(props);
 				const { mode } = rawProps;
 				checkTransitionMode(mode);
@@ -3904,12 +3968,11 @@ var Vue = (function() {
 		}
 	}
 	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) {
+			if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
+			else setTransitionHooks(vnode.component.subTree, hooks);
+		} else if (vnode.shapeFlag & 128) {
 			vnode.ssContent.transition = hooks.clone(vnode.ssContent);
 			vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
 		} else vnode.transition = hooks;
@@ -4174,7 +4237,7 @@ var Vue = (function() {
 					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);
 					break;
 				default: if (shapeFlag & 1) if ((domType !== 1 || vnode.type.toLowerCase() !== node.tagName.toLowerCase()) && !isTemplateNode$1(node)) nextNode = onMismatch();
 				else nextNode = hydrateElement(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
@@ -4184,16 +4247,31 @@ var Vue = (function() {
 					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) {
+						const vnodeBeforeMountHook = !isAsyncWrapper(vnode) && vnode.props && vnode.props.onVnodeBeforeMount;
+						getVaporInterface(parentComponent, vnode).hydrate(vnode, node, container, nextNode, parentComponent, parentSuspense, () => {
+							if (vnode.dirs) {
+								invokeDirectiveHook(vnode, null, parentComponent, "created");
+								invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
+							}
+						}, () => {
+							if (vnodeBeforeMountHook) invokeVNodeHook(vnodeBeforeMountHook, parentComponent, vnode);
+						});
+						if (vnode.dirs) queueEffectWithSuspense(() => invokeDirectiveHook(vnode, null, parentComponent, "mounted"), void 0, parentSuspense);
+						const vnodeMountedHook = !isAsyncWrapper(vnode) && vnode.props && vnode.props.onVnodeMounted;
+						if (vnodeMountedHook) queueEffectWithSuspense(() => invokeVNodeHook(vnodeMountedHook, parentComponent, vnode), void 0, parentSuspense);
+					} else {
+						mountComponent(vnode, container, null, parentComponent, parentSuspense, getContainerType(container), optimized);
+						const component = vnode.component;
+						if (isAsyncWrapper(vnode) && !vnode.type.__asyncResolved || component.asyncDep && !component.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;
+							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);
@@ -4205,7 +4283,7 @@ var Vue = (function() {
 		};
 		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 (dirs) invokeDirectiveHook(vnode, null, parentComponent, "created");
@@ -4223,15 +4301,11 @@ var Vue = (function() {
 				}
 				if (shapeFlag & 16 && !(props && (props.innerHTML || props.textContent))) {
 					let next = hydrateChildren(el.firstChild, vnode, el, parentComponent, parentSuspense, slotScopeIds, optimized);
-					let hasWarned = false;
+					if (next && !isMismatchAllowed(el, 1)) {
+						warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
+						logMismatchError();
+					}
 					while (next) {
-						if (!isMismatchAllowed(el, 1)) {
-							if (!hasWarned) {
-								warn$1(`Hydration children mismatch on`, el, `\nServer rendered element contains more child nodes than client vdom.`);
-								hasWarned = true;
-							}
-							logMismatchError();
-						}
 						const cur = next;
 						next = next.nextSibling;
 						remove(cur);
@@ -4250,9 +4324,10 @@ var Vue = (function() {
 				}
 				if (props) {
 					const isCustomElement = el.tagName.includes("-");
+					const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 					for (const key in props) {
 						if (!(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) logMismatchError();
-						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key)) patchProp(el, key, null, props[key], void 0, parentComponent);
+						if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
 					}
 				}
 				let vnodeHooks;
@@ -4270,7 +4345,7 @@ var Vue = (function() {
 			optimized = optimized || !!parentVNode.dynamicChildren;
 			const children = parentVNode.children;
 			const l = children.length;
-			let hasWarned = false;
+			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;
@@ -4284,12 +4359,12 @@ var Vue = (function() {
 					node = hydrateNode(node, vnode, parentComponent, parentSuspense, slotScopeIds, optimized);
 				} else if (isText && !vnode.children) insert(vnode.el = createText(""), container);
 				else {
-					if (!isMismatchAllowed(container, 1)) {
-						if (!hasWarned) {
+					if (!hasCheckedMismatch) {
+						hasCheckedMismatch = true;
+						if (!isMismatchAllowed(container, 1)) {
 							warn$1(`Hydration children mismatch on`, container, `\nServer rendered element contains fewer child nodes than client vdom.`);
-							hasWarned = true;
+							logMismatchError();
 						}
-						logMismatchError();
 					}
 					patch(null, vnode, container, null, parentComponent, parentSuspense, getContainerType(container), slotScopeIds);
 				}
@@ -4309,7 +4384,7 @@ var Vue = (function() {
 			}
 		};
 		const handleMismatch = (node, vnode, parentComponent, parentSuspense, slotScopeIds, isFragment) => {
-			if (!isMismatchAllowed(node.parentElement, 1)) {
+			if (!isNodeMismatchAllowed(node, vnode)) {
 				warn$1(`Hydration node mismatch:\n- rendered on server:`, node, node.nodeType === 3 ? `(text)` : isComment(node) && node.data === "[" ? `(start of fragment)` : ``, `\n- expected on client:`, vnode.type);
 				logMismatchError();
 			}
@@ -4473,7 +4548,9 @@ var Vue = (function() {
 	};
 	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 {
@@ -4482,6 +4559,16 @@ var Vue = (function() {
 			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;
@@ -4600,11 +4687,16 @@ var Vue = (function() {
 					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;
 				});
@@ -4662,14 +4754,22 @@ var Vue = (function() {
 			setPendingRequest: (request) => pendingRequest = request
 		};
 	}
-	const useAsyncComponentState = (delay, timeout, onError) => {
+	const useAsyncComponentState = (delay, timeout, onError, instance = currentInstance) => {
 		const loaded = /* @__PURE__ */ ref(false);
 		const error = /* @__PURE__ */ ref();
 		const delayed = /* @__PURE__ */ 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);
@@ -4687,6 +4787,7 @@ var Vue = (function() {
 	* @internal
 	*/
 	function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydrateStrategy) {
+		const wasConnected = el.isConnected;
 		let patched = false;
 		(instance.bu || (instance.bu = [])).push(() => patched = true);
 		const performHydrate = () => {
@@ -4697,6 +4798,7 @@ var Vue = (function() {
 				}
 				return;
 			}
+			if (!el.parentNode || wasConnected && !el.isConnected) return;
 			hydrate();
 		};
 		const doHydrate = hydrateStrategy ? () => {
@@ -4938,7 +5040,7 @@ var Vue = (function() {
 				try {
 					return callWithAsyncErrorHandling(hook, target, type, args);
 				} finally {
-					setCurrentInstance(...prev);
+					restoreCurrentInstance(prev);
 					setActiveSub(prevSub);
 				}
 			});
@@ -5277,8 +5379,9 @@ var Vue = (function() {
 	* Compiler runtime helper for rendering `<slot/>`
 	* @private
 	*/
-	function renderSlot(slots, name, props = {}, fallback, noSlotted) {
+	function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
 		let slot = slots[name];
+		if (fallback) fallback.__vdom = true;
 		const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
 		if (vaporSlot) {
 			const ret = (openBlock(), createBlock(VaporSlot, props));
@@ -5286,25 +5389,35 @@ var Vue = (function() {
 				slot: vaporSlot,
 				fallback
 			};
+			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 ? 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.length > 1) {
 			warn$1("SSR-optimized slot function detected in a non-SSR-optimized render function. You need to mark this component with $dynamic-slots in the parent template.");
 			slot = () => [];
 		}
 		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 && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+		let rendered;
+		try {
+			const validSlotContent = slot && ensureValidVNode(slot(props));
+			ensureVaporSlotFallback(validSlotContent, fallback);
+			const slotKey = props.key || branchKey || validSlotContent && validSlotContent.key;
+			rendered = createBlock(Fragment, { key: (slotKey && !isSymbol(slotKey) ? slotKey : `_${name}`) + (!validSlotContent && fallback ? "_fb" : "") }, validSlotContent || (fallback ? fallback() : []), validSlotContent && slots._ === 1 ? 64 : -2);
+		} 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) {
@@ -5317,9 +5430,7 @@ var Vue = (function() {
 	}
 	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;
-		}
+		if (vnodes && vnodes.length === 1 && isVNode(vnodes[0]) && (vaporSlot = vnodes[0].vs)) vaporSlot.outletFallback = fallback;
 	}
 	//#endregion
 	//#region packages/runtime-core/src/helpers/toHandlers.ts
@@ -5874,26 +5985,39 @@ var Vue = (function() {
 	function withAsyncContext(getAwaitable) {
 		const ctx = getCurrentGenericInstance();
 		const inSSRSetup = isInSSRComponentSetup;
+		const restoreAsyncContext = ctx && ctx.restoreAsyncContext ? ctx.restoreAsyncContext.bind(ctx) : void 0;
 		if (!ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 		let awaitable = getAwaitable();
 		setCurrentInstance(null, void 0);
 		if (inSSRSetup) setInSSRSetupState(false);
 		const restore = () => {
+			const resetStoppedScope = ctx && !ctx.scope.active ? ctx.scope : void 0;
 			setCurrentInstance(ctx);
 			if (inSSRSetup) setInSSRSetupState(true);
+			const reset = restoreAsyncContext && restoreAsyncContext();
+			return () => {
+				if (reset) reset();
+				if (resetStoppedScope) resetStoppedScope.reset();
+			};
 		};
 		const cleanup = () => {
 			setCurrentInstance(null, void 0);
 			if (inSSRSetup) setInSSRSetupState(false);
 		};
 		if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
-			restore();
-			Promise.resolve().then(() => Promise.resolve().then(cleanup));
+			const reset = restore();
+			Promise.resolve().then(() => Promise.resolve().then(() => {
+				if (reset) reset();
+				cleanup();
+			}));
 			throw e;
 		});
 		return [awaitable, () => {
-			restore();
-			Promise.resolve().then(cleanup);
+			const reset = restore();
+			Promise.resolve().then(() => {
+				if (reset) reset();
+				cleanup();
+			});
 		}];
 	}
 	//#endregion
@@ -6211,7 +6335,7 @@ var Vue = (function() {
 			if (options.el) return vm.$mount(options.el);
 			else return vm;
 		}
-		Vue.version = `2.6.14-compat:3.6.0-beta.9`;
+		Vue.version = `2.6.14-compat:3.6.0-rc.2`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -6466,7 +6590,9 @@ var Vue = (function() {
 			else Object.keys(val).forEach((key) => {
 				try {
 					defineReactiveSimple(val, key, val[key]);
-				} catch (e) {}
+				} catch (e) {
+					warn$1(`Failed making property "${key}" reactive:`, e);
+				}
 			});
 		}
 		const i = obj.$;
@@ -6711,12 +6837,13 @@ var Vue = (function() {
 						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 (hasChanged(value, emittedValue) && hasChanged(value, prevSetValue) && !hasChanged(emittedValue, prevEmittedValue)) trigger();
+					if (hasChanged(value, prevSetValue) && (hasChanged(value, emittedValue) && !hasChanged(emittedValue, prevEmittedValue) || hasVModel && prevSetValue !== EMPTY_OBJ && !hasChanged(emittedValue, localValue))) trigger();
 					prevSetValue = value;
 					prevEmittedValue = emittedValue;
 				}
@@ -6829,7 +6956,8 @@ var Vue = (function() {
 	function isEmitListener(options, key) {
 		if (!options || !isOn(key)) return false;
 		if (key.startsWith(compatModelEventPrefix)) return true;
-		key = key.slice(2).replace(/Once$/, "");
+		key = key.slice(2);
+		key = key === "Once" ? key : key.replace(/Once$/, "");
 		return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 	}
 	//#endregion
@@ -7200,7 +7328,7 @@ var Vue = (function() {
 		const prev = setCurrentInstance(instance);
 		const props = /* @__PURE__ */ toRaw(instance.props);
 		value = factory.call(isCompatEnabled$1("PROPS_DEFAULT_THIS", instance) ? createPropsDefaultThis(instance, props, key) : null, props);
-		setCurrentInstance(...prev);
+		restoreCurrentInstance(prev);
 		return value;
 	}
 	const mixinPropsCache = /* @__PURE__ */ new WeakMap();
@@ -7347,7 +7475,7 @@ var Vue = (function() {
 		const receivedType = toRawType(value);
 		const expectedValue = styleValue(value, expectedType);
 		const receivedValue = styleValue(value, receivedType);
-		if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) message += ` with value ${expectedValue}`;
+		if (expectedTypes.length === 1 && isExplicable(expectedType) && isCoercible(expectedType, receivedType)) message += ` with value ${expectedValue}`;
 		message += `, got ${receivedType} `;
 		if (isExplicable(receivedType)) message += `with value ${receivedValue}.`;
 		return message;
@@ -7356,7 +7484,8 @@ var Vue = (function() {
 	* dev only
 	*/
 	function styleValue(value, type) {
-		if (type === "String") return `"${value}"`;
+		if (isSymbol(value)) return value.toString();
+		else if (type === "String") return `"${value}"`;
 		else if (type === "Number") return `${Number(value)}`;
 		else return `${value}`;
 	}
@@ -7373,8 +7502,11 @@ var Vue = (function() {
 	/**
 	* dev only
 	*/
-	function isBoolean(...args) {
-		return args.some((elem) => elem.toLowerCase() === "boolean");
+	function isCoercible(...args) {
+		return args.every((elem) => {
+			const value = elem.toLowerCase();
+			return value !== "boolean" && value !== "symbol";
+		});
 	}
 	//#endregion
 	//#region packages/runtime-core/src/componentSlots.ts
@@ -7679,7 +7811,7 @@ var Vue = (function() {
 			if (vnodeHook = newProps.onVnodeBeforeUpdate) invokeVNodeHook(vnodeHook, parentComponent, n2, n1);
 			if (dirs) invokeDirectiveHook(n2, n1, parentComponent, "beforeUpdate");
 			parentComponent && toggleRecurse(parentComponent, true);
-			if (isHmrUpdating) {
+			if (isHmrUpdating || dynamicChildren && (!n1.dynamicChildren || n1.dynamicChildren.length !== dynamicChildren.length)) {
 				patchFlag = 0;
 				optimized = false;
 				dynamicChildren = null;
@@ -7757,21 +7889,37 @@ var Vue = (function() {
 		};
 		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);
+			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);
+				}
 			}
 			else {
-				getVaporInterface(parentComponent, n2).update(n1, n2, shouldUpdateComponent(n1, n2, optimized), () => {
+				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.dirs) queuePostRenderEffect(() => invokeDirectiveHook(n2, n1, parentComponent, "updated"), void 0, parentSuspense);
+				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);
@@ -8094,7 +8242,7 @@ var Vue = (function() {
 		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) {
@@ -8127,8 +8275,10 @@ var Vue = (function() {
 					else hostInsert(el, container, anchor);
 				};
 				const performLeave = () => {
+					const wasLeaving = el._isLeaving || !!el[leaveCbKey];
 					if (el._isLeaving) el[leaveCbKey](true);
-					leave(el, () => {
+					if (transition.persisted && !wasLeaving) remove();
+					else leave(el, () => {
 						remove();
 						afterLeave && afterLeave();
 					});
@@ -8148,7 +8298,7 @@ var Vue = (function() {
 			}
 			if (cacheIndex != null) 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;
 			}
@@ -8158,8 +8308,11 @@ var Vue = (function() {
 			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);
+				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 {
@@ -8172,7 +8325,7 @@ var Vue = (function() {
 				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);
@@ -8221,7 +8374,7 @@ var Vue = (function() {
 			if (effect) {
 				effect.stop();
 				unmount(subTree, instance, parentSuspense, doRemove);
-			}
+			} else if (doRemove && subTree && instance.vnode.el) remove(subTree);
 			if (um) queuePostRenderEffect(um, void 0, parentSuspense);
 			if (isCompatEnabled$1("INSTANCE_EVENT_HOOKS", instance)) queuePostRenderEffect(() => instance.emit("hook:destroyed"), void 0, parentSuspense);
 			queuePostRenderEffect(() => instance.isUnmounted = true, void 0, parentSuspense);
@@ -8348,6 +8501,10 @@ var Vue = (function() {
 		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();
@@ -8550,15 +8707,19 @@ var Vue = (function() {
 				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);
 					}
@@ -8622,6 +8783,7 @@ var Vue = (function() {
 					handleError(err, instance, 0);
 				}).then((asyncSetupResult) => {
 					if (instance.isUnmounted || suspense.isUnmounted || suspense.pendingId !== instance.suspenseId) return;
+					setCurrentInstance(null, void 0);
 					instance.asyncResolved = true;
 					onResolve(asyncSetupResult);
 					if (isInPendingSuspense && --suspense.deps === 0) suspense.resolve();
@@ -8954,12 +9116,30 @@ var Vue = (function() {
 			el: vnode.el,
 			anchor: vnode.anchor,
 			ctx: vnode.ctx,
-			ce: vnode.ce
+			ce: vnode.ce,
+			vi: vnode.vi,
+			vs: cloneVaporSlotMeta(vnode),
+			vb: vnode.vb
 		};
 		if (transition && cloneTransition) setTransitionHooks(cloned, transition.clone(cloned));
 		defineLegacyVNodeProperties(cloned);
 		return cloned;
 	}
+	function cloneVaporSlotMeta(vnode) {
+		const vaporSlot = vnode.vs;
+		if (!vaporSlot) return vaporSlot;
+		const cloned = {
+			slot: vaporSlot.slot,
+			fallback: vaporSlot.fallback,
+			outletFallback: vaporSlot.outletFallback
+		};
+		if (vnode.el) {
+			cloned.state = vaporSlot.state;
+			cloned.ref = vaporSlot.ref;
+			cloned.scope = vaporSlot.scope;
+		}
+		return cloned;
+	}
 	/**
 	* Dev only, for HMR of hoisted vnodes reused in v-for
 	* https://github.com/vitejs/vite/issues/2022
@@ -9022,6 +9202,10 @@ var Vue = (function() {
 			}
 		}
 		else if (isFunction(children)) {
+			if (shapeFlag & 65) {
+				normalizeChildren(vnode, { default: children });
+				return;
+			}
 			children = {
 				default: children,
 				_ctx: currentRenderingInstance
@@ -9085,6 +9269,16 @@ var Vue = (function() {
 			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) => {
+		setCurrentScope(prev[1]);
+		simpleSetCurrentInstance(prev[0]);
+	};
 	const internalOptions = [
 		"ce",
 		"type",
@@ -9236,7 +9430,7 @@ var Vue = (function() {
 			const setupResult = callWithErrorHandling(setup, instance, 0, [/* @__PURE__ */ shallowReadonly(instance.props), setupContext]);
 			const isAsyncSetup = isPromise(setupResult);
 			setActiveSub(prevSub);
-			setCurrentInstance(...prev);
+			restoreCurrentInstance(prev);
 			if ((isAsyncSetup || instance.sp) && !isAsyncWrapper(instance)) markAsyncBoundary(instance);
 			if (isAsyncSetup) {
 				const unsetCurrentInstance = () => {
@@ -9309,7 +9503,7 @@ var Vue = (function() {
 				applyOptions(instance);
 			} finally {
 				setActiveSub(prevSub);
-				setCurrentInstance(...prevInstance);
+				restoreCurrentInstance(prevInstance);
 			}
 		}
 		if (!Component.render && instance.render === NOOP && !isSSR) if (!compile$1 && Component.template)
@@ -9619,7 +9813,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.9";
+	const version = "3.6.0-rc.2";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -10102,7 +10296,10 @@ var Vue = (function() {
 			}
 			for (const key in next) {
 				if (key === "display") hasControlledDisplay = true;
-				setStyle(style, key, next[key]);
+				const value = next[key];
+				if (value != null) {
+					if (!shouldPreserveTextareaResizeStyle(el, key, !isString(prev) && prev ? prev[key] : void 0, value)) setStyle(style, key, value);
+				} else setStyle(style, key, "");
 			}
 		} else if (isCssString) {
 			if (prev !== next) {
@@ -10150,6 +10347,14 @@ var Vue = (function() {
 		}
 		return rawName;
 	}
+	/**
+	* Browsers update textarea width/height directly during native resize.
+	* Only special-case this common textarea path for now; other resize scenarios
+	* still follow normal vnode style patching.
+	*/
+	function shouldPreserveTextareaResizeStyle(el, key, prev, next) {
+		return el.tagName === "TEXTAREA" && (key === "width" || key === "height") && isString(next) && prev === next;
+	}
 	//#endregion
 	//#region packages/runtime-dom/src/modules/attrs.ts
 	const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -10233,7 +10438,7 @@ var Vue = (function() {
 		const existingInvoker = invokers[rawName];
 		if (nextValue && existingInvoker) existingInvoker.value = sanitizeEventValue(nextValue, rawName);
 		else {
-			const [name, options] = parseName(rawName);
+			const [name, options] = parseEventName(rawName);
 			if (nextValue) addEventListener(el, name, invokers[rawName] = createInvoker(sanitizeEventValue(nextValue, rawName), instance), options);
 			else if (existingInvoker) {
 				removeEventListener(el, name, existingInvoker, options);
@@ -10241,16 +10446,15 @@ var Vue = (function() {
 			}
 		}
 	}
-	const optionsModifierRE = /(?:Once|Passive|Capture)$/;
-	function parseName(name) {
+	const optionsModifierRE = /(Once|Passive|Capture)$/;
+	const optionsModifierEventRE = /^on:?(?:Once|Passive|Capture)$/;
+	function parseEventName(name) {
 		let options;
-		if (optionsModifierRE.test(name)) {
-			options = {};
-			let m;
-			while (m = name.match(optionsModifierRE)) {
-				name = name.slice(0, name.length - m[0].length);
-				options[m[0].toLowerCase()] = true;
-			}
+		let m;
+		while ((m = name.match(optionsModifierRE)) && !optionsModifierEventRE.test(name)) {
+			if (!options) options = {};
+			name = name.slice(0, name.length - m[1].length);
+			options[m[1].toLowerCase()] = true;
 		}
 		return [name[2] === ":" ? name.slice(3) : hyphenate(name.slice(2)), options];
 	}
@@ -10261,7 +10465,21 @@ var Vue = (function() {
 		const invoker = (e) => {
 			if (!e._vts) e._vts = Date.now();
 			else if (e._vts <= invoker.attached) return;
-			callWithAsyncErrorHandling(patchStopImmediatePropagation(e, invoker.value), instance, 5, [e]);
+			const value = invoker.value;
+			if (isArray(value)) {
+				const originalStop = e.stopImmediatePropagation;
+				e.stopImmediatePropagation = () => {
+					originalStop.call(e);
+					e._stopped = true;
+				};
+				const handlers = value.slice();
+				const args = [e];
+				for (let i = 0; i < handlers.length; i++) {
+					if (e._stopped) break;
+					const handler = handlers[i];
+					if (handler) callWithAsyncErrorHandling(handler, instance, 5, args);
+				}
+			} else callWithAsyncErrorHandling(value, instance, 5, [e]);
 		};
 		invoker.value = initialValue;
 		invoker.attached = getNow();
@@ -10272,16 +10490,6 @@ var Vue = (function() {
 		warn(`Wrong type passed as event handler to ${propName} - did you forget @ or : in front of your prop?\nExpected function or array of functions, received type ${typeof value}.`);
 		return NOOP;
 	}
-	function patchStopImmediatePropagation(e, value) {
-		if (isArray(value)) {
-			const originalStop = e.stopImmediatePropagation;
-			e.stopImmediatePropagation = () => {
-				originalStop.call(e);
-				e._stopped = true;
-			};
-			return value.map((fn) => (e) => !e._stopped && fn && fn(e));
-		} else return value;
-	}
 	//#endregion
 	//#region packages/runtime-dom/src/patchProp.ts
 	const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -10609,7 +10817,10 @@ var Vue = (function() {
 					replacementNodes.push(child);
 				}
 				parent.removeChild(o);
-				slotReplacements.set(o, replacementNodes);
+				slotReplacements.set(o, {
+					nodes: replacementNodes,
+					usedFallback: !content
+				});
 			}
 			this._updateSlotNodes(slotReplacements);
 		}
@@ -10783,7 +10994,7 @@ var Vue = (function() {
 				prevChildren = [];
 				if (children) for (let i = 0; i < children.length; i++) {
 					const child = children[i];
-					if (child.el && child.el instanceof Element) {
+					if (child.el && child.el instanceof Element && !child.el[vShowHidden]) {
 						prevChildren.push(child);
 						setTransitionHooks(child, resolveTransitionHooks(child, cssTransitionProps, state, instance));
 						positionMap.set(child, getPosition(child.el));
@@ -11007,7 +11218,8 @@ var Vue = (function() {
 		mounted(el, { value }) {
 			vModelSetSelected(el, value);
 		},
-		beforeUpdate(el, _binding, vnode) {
+		beforeUpdate(el, { value }, vnode) {
+			el._modelValue = value;
 			el[assignKey] = getModelAssigner(vnode);
 		},
 		updated(el, { value }) {
@@ -11018,10 +11230,10 @@ var Vue = (function() {
 	* @internal
 	*/
 	const vModelSelectInit = (el, value, number, set) => {
-		const isSetModel = isSet(value);
+		el._modelValue = value;
 		addEventListener(el, "change", () => {
 			const selectedVal = Array.prototype.filter.call(el.options, (o) => o.selected).map((o) => number ? looseToNumber(getValue(o)) : getValue(o));
-			(set || el[assignKey])(el.multiple ? isSetModel ? new Set(selectedVal) : selectedVal : selectedVal[0]);
+			(set || el[assignKey])(el.multiple ? isSet(el._modelValue) ? new Set(selectedVal) : selectedVal : selectedVal[0]);
 			el._assigning = true;
 			nextTick(() => {
 				el._assigning = false;
@@ -11032,6 +11244,7 @@ var Vue = (function() {
 	* @internal
 	*/
 	const vModelSetSelected = (el, value) => {
+		el._modelValue = value;
 		if (el._assigning) return;
 		const isMultiple = el.multiple;
 		const isArrayValue = isArray(value);
@@ -12697,6 +12910,7 @@ var Vue = (function() {
 		return [props, callPath];
 	}
 	function injectProp(node, prop, context) {
+		if (node.type !== 13 && injectSlotKey(node, prop)) return;
 		let propsWithInjection;
 		/**
 		* 1. mergeProps(...)
@@ -12735,6 +12949,20 @@ var Vue = (function() {
 		else if (parentCall) parentCall.arguments[0] = propsWithInjection;
 		else node.arguments[2] = propsWithInjection;
 	}
+	function injectSlotKey(node, prop) {
+		var _node$arguments, _node$arguments2, _node$arguments3;
+		if (prop.key.type !== 4 || prop.key.content !== "key") return false;
+		const props = node.arguments[2];
+		if (props && !isString(props)) {
+			const [unnormalizedProps] = getUnnormalizedProps(props);
+			if (unnormalizedProps && !isString(unnormalizedProps) && unnormalizedProps.type === 15 && hasProp(prop, unnormalizedProps)) return true;
+		}
+		(_node$arguments = node.arguments)[2] || (_node$arguments[2] = "{}");
+		(_node$arguments2 = node.arguments)[3] || (_node$arguments2[3] = "undefined");
+		(_node$arguments3 = node.arguments)[4] || (_node$arguments3[4] = "undefined");
+		node.arguments[5] = prop.value;
+		return true;
+	}
 	function hasProp(prop, props) {
 		let result = false;
 		if (prop.key.type === 4) {
@@ -13004,7 +13232,7 @@ var Vue = (function() {
 			}
 		},
 		oncdata(start, end) {
-			if (stack[0].ns !== 0) onText(getSlice(start, end), start, end);
+			if ((stack[0] ? stack[0].ns : currentOptions.ns) !== 0) onText(getSlice(start, end), start, end);
 			else emitError(1, start - 9);
 		},
 		onprocessinginstruction(start) {
@@ -13529,8 +13757,10 @@ var Vue = (function() {
 			imports: [],
 			cached: [],
 			constantCache: /* @__PURE__ */ new WeakMap(),
+			vForMemoKeyedNodes: /* @__PURE__ */ new WeakSet(),
 			temps: 0,
 			identifiers: Object.create(null),
+			identifierScopes: Object.create(null),
 			scopes: {
 				vFor: 0,
 				vSlot: 0,
@@ -13581,8 +13811,12 @@ var Vue = (function() {
 				context.parent.children.splice(removalIndex, 1);
 			},
 			onNodeRemoved: NOOP,
-			addIdentifiers(exp) {},
+			addIdentifiers(exp, type = "local") {},
 			removeIdentifiers(exp) {},
+			isSlotScopeIdentifier(name) {
+				const scopes = context.identifierScopes[name];
+				return scopes ? scopes[scopes.length - 1] === "slot" : false;
+			},
 			hoist(exp) {
 				if (isString(exp)) exp = createSimpleExpression(exp);
 				context.hoists.push(exp);
@@ -13936,6 +14170,7 @@ var Vue = (function() {
 			case 24: break;
 			case 25: break;
 			case 26: break;
+			/* v8 ignore start */
 			case 10: break;
 			default:
 				assert(false, `unhandled codegen node type: ${node.type}`);
@@ -14153,7 +14388,7 @@ var Vue = (function() {
 				if (dir.type === 7 && dir.name !== "for") {
 					const exp = dir.exp;
 					const arg = dir.arg;
-					if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
+					if (exp && exp.type === 4 && !(dir.name === "on" && arg) && !(memo && context.vForMemoKeyedNodes.has(node) && arg && arg.type === 4 && arg.content === "key")) dir.exp = processExpression(exp, context, dir.name === "slot");
 					if (arg && arg.type === 4 && !arg.isStatic) dir.arg = processExpression(arg, context);
 				}
 			}
@@ -14294,10 +14529,9 @@ var Vue = (function() {
 			const isTemplate = isTemplateNode(node);
 			const memo = findDir(node, "memo");
 			const keyProp = findProp(node, `key`, false, true);
-			const isDirKey = keyProp && keyProp.type === 7;
+			keyProp && keyProp.type;
 			let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
-			if (memo && keyExp && isDirKey) {}
-			const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
+			const keyProperty = keyExp ? createObjectProperty(`key`, keyExp) : null;
 			const isStableFragment = forNode.source.type === 4 && forNode.source.constType > 0;
 			const fragmentFlag = isStableFragment ? 64 : keyProp ? 128 : 256;
 			forNode.codegenNode = createVNodeCall(context, helper(FRAGMENT), void 0, renderExp, fragmentFlag, void 0, void 0, true, !isStableFragment, false, node.loc);
@@ -15074,7 +15308,7 @@ var Vue = (function() {
 			const child = node.children[i];
 			if (typeof child !== "object") continue;
 			if (child.type === 4) parseFilter(child, context);
-			else if (child.type === 8) rewriteFilter(node, context);
+			else if (child.type === 8) rewriteFilter(child, context);
 			else if (child.type === 5) rewriteFilter(child.content, context);
 		}
 	}
@@ -15433,6 +15667,14 @@ var Vue = (function() {
 		const eventOptionModifiers = [];
 		for (let i = 0; i < modifiers.length; i++) {
 			const modifier = modifiers[i].content;
+			if (modifier === "delegate") {
+				if (context) {
+					const error = /* @__PURE__ */ new SyntaxError(`.delegate modifier is only supported in Vapor components.`);
+					error.loc = modifiers[i].loc;
+					context.onWarn(error);
+				}
+				continue;
+			}
 			if (modifier === "native" && context && checkCompatEnabled("COMPILER_V_ON_NATIVE", context, loc)) eventOptionModifiers.push(modifier);
 			else if (isEventOptionModifier(modifier)) eventOptionModifiers.push(modifier);
 			else {
@@ -15509,7 +15751,7 @@ var Vue = (function() {
 				source: ""
 			}));
 			const child = node.children[0];
-			if (child.type === 1) {
+			if (child.type === 1 && !findDir(child, "if")) {
 				for (const p of child.props) if (p.type === 7 && p.name === "show") node.props.push({
 					type: 6,
 					name: "persisted",