@vue/compat 3.6.0-beta.10 → 3.6.0-beta.11

package/dist/vue.esm-bundler.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-beta.10
+  * @vue/compat v3.6.0-beta.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3544,7 +3544,7 @@ const TeleportImpl = {
 	name: "Teleport",
 	__isTeleport: true,
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals) {
-		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment } } = internals;
+		const { mc: mountChildren, pc: patchChildren, pbc: patchBlockChildren, o: { insert, querySelector, createText, createComment, parentNode } } = internals;
 		const disabled = isTeleportDisabled(n2.props);
 		let { dynamicChildren } = n2;
 		if (!!(process.env.NODE_ENV !== "production") && isHmrUpdating) {
@@ -3573,7 +3573,7 @@ const TeleportImpl = {
 				if (pendingMounts.get(vnode) !== mountJob) return;
 				pendingMounts.delete(vnode);
 				if (isTeleportDisabled(vnode.props)) {
-					mount(vnode, container, vnode.anchor);
+					mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
 					updateCssVars(vnode, true);
 				}
 				mountToTarget(vnode);
@@ -3653,7 +3653,7 @@ function moveTeleport(vnode, container, parentAnchor, { o: { insert }, m: move }
 	const { el, anchor, shapeFlag, children, props } = vnode;
 	const isReorder = moveType === 2;
 	if (isReorder) insert(el, container, parentAnchor);
-	if (!isReorder || isTeleportDisabled(props)) {
+	if (!pendingMounts.has(vnode) && (!isReorder || isTeleportDisabled(props))) {
 		if (shapeFlag & 16) for (let i = 0; i < children.length; i++) move(children[i], container, parentAnchor, 2, parentComponent);
 	}
 	if (isReorder) insert(anchor, container, parentAnchor);
@@ -3778,8 +3778,8 @@ const BaseTransitionImpl = {
 		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);
@@ -5382,6 +5382,7 @@ function createSlots(slots, dynamicSlots) {
 */
 function renderSlot(slots, name, props = {}, fallback, noSlotted) {
 	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));
@@ -5420,9 +5421,7 @@ function ensureValidVNode(vnodes) {
 }
 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
@@ -5983,9 +5982,14 @@ function withAsyncContext(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);
-		return restoreAsyncContext && restoreAsyncContext();
+		const reset = restoreAsyncContext && restoreAsyncContext();
+		return () => {
+			if (reset) reset();
+			if (resetStoppedScope) resetStoppedScope.reset();
+		};
 	};
 	const cleanup = () => {
 		setCurrentInstance(null, void 0);
@@ -6324,7 +6328,7 @@ function createCompatVue$1(createApp, createSingletonApp) {
 		if (options.el) return vm.$mount(options.el);
 		else return vm;
 	}
-	Vue.version = `2.6.14-compat:3.6.0-beta.10`;
+	Vue.version = `2.6.14-compat:3.6.0-beta.11`;
 	Vue.config = singletonApp.config;
 	Vue.use = (plugin, ...options) => {
 		if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7470,7 +7474,7 @@ function getInvalidTypeMessage(name, value, expectedTypes) {
 	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;
@@ -7479,7 +7483,8 @@ function getInvalidTypeMessage(name, value, expectedTypes) {
 * 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}`;
 }
@@ -7496,8 +7501,11 @@ function isExplicable(type) {
 /**
 * 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
@@ -8733,15 +8741,19 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			if (suspense.isHydrating) suspense.isHydrating = false;
 			else if (!resume) {
 				delayEnter = activeBranch && pendingBranch.transition && pendingBranch.transition.mode === "out-in";
+				let hasUpdatedAnchor = false;
 				if (delayEnter) activeBranch.transition.afterLeave = () => {
 					if (pendingId === suspense.pendingId) {
-						move(pendingBranch, container, anchor === initialAnchor ? next(activeBranch) : anchor, 0, parentComponent);
+						move(pendingBranch, container, anchor === initialAnchor && !hasUpdatedAnchor ? next(activeBranch) : anchor, 0, parentComponent);
 						queuePostFlushCb(effects);
 						if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 					}
 				};
 				if (activeBranch && !suspense.isFallbackMountPending) {
-					if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
+					if (parentNode(activeBranch.el) === container) {
+						anchor = next(activeBranch);
+						hasUpdatedAnchor = true;
+					}
 					unmount(activeBranch, parentComponent, suspense, true);
 					if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 				}
@@ -9138,12 +9150,30 @@ function cloneVNode(vnode, extraProps, mergeRef = false, cloneTransition = false
 		el: vnode.el,
 		anchor: vnode.anchor,
 		ctx: vnode.ctx,
-		ce: vnode.ce
+		ce: vnode.ce,
+		vi: vnode.vi,
+		vs: cloneVaporSlotMeta(vnode),
+		vb: vnode.vb
 	};
 	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
@@ -9832,7 +9862,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.10";
+const version = "3.6.0-beta.11";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -10337,7 +10367,10 @@ function patchStyle(el, prev, next) {
 		}
 		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) {
@@ -10387,6 +10420,14 @@ function autoPrefix(style, rawName) {
 	}
 	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";
@@ -10846,7 +10887,10 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				replacementNodes.push(child);
 			}
 			parent.removeChild(o);
-			slotReplacements.set(o, replacementNodes);
+			slotReplacements.set(o, {
+				nodes: replacementNodes,
+				usedFallback: !content
+			});
 		}
 		this._updateSlotNodes(slotReplacements);
 	}
@@ -11469,6 +11513,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	TransitionGroup: () => TransitionGroup,
 	TransitionPropsValidators: () => TransitionPropsValidators,
 	TriggerOpTypes: () => TriggerOpTypes,
+	VaporSlot: () => VaporSlot,
 	VueElement: () => VueElement,
 	VueElementBase: () => VueElementBase,
 	activate: () => activate,
@@ -11524,6 +11569,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	endMeasure: () => endMeasure,
 	ensureHydrationRenderer: () => ensureHydrationRenderer,
 	ensureRenderer: () => ensureRenderer,
+	ensureValidVNode: () => ensureValidVNode,
 	ensureVaporSlotFallback: () => ensureVaporSlotFallback,
 	expose: () => expose,
 	flushOnAppMount: () => flushOnAppMount,
@@ -11589,6 +11635,7 @@ var src_exports = /* @__PURE__ */ __exportAll({
 	normalizeProps: () => normalizeProps,
 	normalizeRef: () => normalizeRef,
 	normalizeStyle: () => normalizeStyle,
+	normalizeVNode: () => normalizeVNode,
 	onActivated: () => onActivated,
 	onBeforeMount: () => onBeforeMount,
 	onBeforeUnmount: () => onBeforeUnmount,
@@ -13912,6 +13959,7 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 		constantCache: /* @__PURE__ */ new WeakMap(),
 		temps: 0,
 		identifiers: Object.create(null),
+		identifierScopes: Object.create(null),
 		scopes: {
 			vFor: 0,
 			vSlot: 0,
@@ -13965,8 +14013,12 @@ function createTransformContext(root, { filename = "", prefixIdentifiers = false
 			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);
@@ -16186,4 +16238,4 @@ Vue.compile = compileToFunction;
 var esm_index_default = Vue;
 const configureCompat = Vue.configureCompat;
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, Transition, TransitionGroup, TransitionPropsValidators, TriggerOpTypes, VaporSlot, VueElement, VueElementBase, activate, assertNumber, baseApplyTranslation, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, baseUseCssVars, callPendingCbs, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, configureCompat, createApp, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSSRApp, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, esm_index_default as default, defineAsyncComponent, defineComponent, defineCustomElement, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSSRCustomElement, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureHydrationRenderer, ensureRenderer, ensureValidVNode, ensureVaporSlotFallback, expose, flushOnAppMount, forceReflow, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, handleMovedChildren, hasCSSTransform, hasInjectionContext, hydrate, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initDirectivesForSSR, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isHydrating, isKeepAlive, isMapEqual, isMemoSame, isMismatchAllowed, isProxy, isReactive, isReadonly, isRef, isRuntimeOnly, isSetEqual, isShallow, isTeleportDeferred, isTeleportDisabled, isTemplateNode, isTemplateRefKey, isVNode, isValidHtmlOrSvgAttribute, knownTemplateRefs, leaveCbKey, markAsyncBoundary, markRaw, matches, mergeDefaults, mergeModels, mergeProps, nextTick, nextUid, nodeOps, normalizeClass, normalizeContainer, normalizeProps, normalizeRef, normalizeStyle, normalizeVNode, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, patchProp, patchStyle, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, render, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, resolveTransitionProps, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, setVarsOnNode, shallowReactive, shallowReadonly, shallowRef, shouldSetAsProp, shouldSetAsPropForVueCE, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, svgNS, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, unsafeToTrustedHTML, useAsyncComponentState, useAttrs, useCssModule, useCssVars, useHost, useId, useInstanceOption, useModel, useSSRContext, useShadowRoot, useSlots, useTemplateRef, useTransitionState, vModelCheckbox, vModelCheckboxInit, vModelCheckboxUpdate, vModelDynamic, getValue as vModelGetValue, vModelRadio, vModelSelect, vModelSelectInit, vModelSetSelected, vModelText, vModelTextInit, vModelTextUpdate, vShow, vShowHidden, vShowOriginalDisplay, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withKeys, withMemo, withModifiers, withScopeId, xlinkNS };

package/dist/vue.global.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/compat v3.6.0-beta.10
+  * @vue/compat v3.6.0-beta.11
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -3503,7 +3503,7 @@ 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 { dynamicChildren } = n2;
 			if (isHmrUpdating) {
@@ -3532,7 +3532,7 @@ var Vue = (function() {
 					if (pendingMounts.get(vnode) !== mountJob) return;
 					pendingMounts.delete(vnode);
 					if (isTeleportDisabled(vnode.props)) {
-						mount(vnode, container, vnode.anchor);
+						mount(vnode, parentNode(vnode.el) || container, vnode.anchor);
 						updateCssVars(vnode, true);
 					}
 					mountToTarget(vnode);
@@ -3612,7 +3612,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);
@@ -3737,8 +3737,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);
@@ -5308,6 +5308,7 @@ var Vue = (function() {
 	*/
 	function renderSlot(slots, name, props = {}, fallback, noSlotted) {
 		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));
@@ -5346,9 +5347,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
@@ -5909,9 +5908,14 @@ var Vue = (function() {
 		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);
-			return restoreAsyncContext && restoreAsyncContext();
+			const reset = restoreAsyncContext && restoreAsyncContext();
+			return () => {
+				if (reset) reset();
+				if (resetStoppedScope) resetStoppedScope.reset();
+			};
 		};
 		const cleanup = () => {
 			setCurrentInstance(null, void 0);
@@ -6248,7 +6252,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.10`;
+		Vue.version = `2.6.14-compat:3.6.0-beta.11`;
 		Vue.config = singletonApp.config;
 		Vue.use = (plugin, ...options) => {
 			if (plugin && isFunction(plugin.install)) plugin.install(Vue, ...options);
@@ -7384,7 +7388,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;
@@ -7393,7 +7397,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}`;
 	}
@@ -7410,8 +7415,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
@@ -8606,15 +8614,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);
 					}
@@ -9011,12 +9023,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
@@ -9676,7 +9706,7 @@ var Vue = (function() {
 	}
 	//#endregion
 	//#region packages/runtime-core/src/index.ts
-	const version = "3.6.0-beta.10";
+	const version = "3.6.0-beta.11";
 	const warn = warn$1;
 	/**
 	* Runtime error messages. Only exposed in dev or esm builds.
@@ -10159,7 +10189,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) {
@@ -10207,6 +10240,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";
@@ -10666,7 +10707,10 @@ var Vue = (function() {
 					replacementNodes.push(child);
 				}
 				parent.removeChild(o);
-				slotReplacements.set(o, replacementNodes);
+				slotReplacements.set(o, {
+					nodes: replacementNodes,
+					usedFallback: !content
+				});
 			}
 			this._updateSlotNodes(slotReplacements);
 		}
@@ -13588,6 +13632,7 @@ var Vue = (function() {
 			constantCache: /* @__PURE__ */ new WeakMap(),
 			temps: 0,
 			identifiers: Object.create(null),
+			identifierScopes: Object.create(null),
 			scopes: {
 				vFor: 0,
 				vSlot: 0,
@@ -13638,8 +13683,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);