@vue/runtime-core 3.6.0-beta.7 → 3.6.0-beta.9

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

@@ -1,11 +1,10 @@
 /**
-  * @vue/runtime-core v3.6.0-beta.7
+  * @vue/runtime-core v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
 import { EffectScope, EffectScope as EffectScope$1, ReactiveEffect, ReactiveEffect as ReactiveEffect$1, TrackOpTypes, TriggerOpTypes, WatcherEffect, computed as computed$1, customRef, customRef as customRef$1, effect, effectScope, getCurrentScope, getCurrentWatcher, isProxy, isProxy as isProxy$1, isReactive, isReactive as isReactive$1, isReadonly, isReadonly as isReadonly$1, isRef, isRef as isRef$1, isShallow, isShallow as isShallow$1, markRaw, markRaw as markRaw$1, onScopeDispose, onWatcherCleanup, proxyRefs, proxyRefs as proxyRefs$1, reactive, reactive as reactive$1, readonly, readonly as readonly$1, ref, ref as ref$1, setActiveSub, setCurrentScope, shallowReactive, shallowReactive as shallowReactive$1, shallowReadArray, shallowReadonly, shallowReadonly as shallowReadonly$1, shallowRef, shallowRef as shallowRef$1, stop, toRaw, toRaw as toRaw$1, toReactive, toReadonly, toRef, toRefs, toValue, track, traverse, trigger, triggerRef, unref } from "@vue/reactivity";
 import { EMPTY_ARR, EMPTY_OBJ, NO, NOOP, camelize, camelize as camelize$1, capitalize, capitalize as capitalize$1, def, extend, getEscapedCssVarName, getGlobalThis, getModifierPropName, getSequence, hasChanged, hasOwn, hyphenate, includeBooleanAttr, invokeArrayFns, isArray, isBooleanAttr, isBuiltInDirective, isBuiltInTag, isFunction, isGloballyAllowed, isKnownHtmlAttr, isKnownSvgAttr, isModelListener, isObject, isOn, isPromise, isRegExp, isRenderableAttrValue, isReservedProp, isString, isSymbol, looseEqual, looseToNumber, makeMap, normalizeClass, normalizeClass as normalizeClass$1, normalizeCssVarValue, normalizeProps, normalizeStyle, normalizeStyle as normalizeStyle$1, remove, stringifyStyle, toDisplayString, toHandlerKey, toHandlerKey as toHandlerKey$1, toNumber, toRawType } from "@vue/shared";
-
 //#region packages/runtime-core/src/warning.ts
 const stack = [];
 /**
@@ -31,8 +30,8 @@ function warn$1(msg, ...args) {
 	const trace = getComponentTrace();
 	if (appWarnHandler) callWithErrorHandling(appWarnHandler, instance, 11, [
 		msg + args.map((a) => {
-			var _a$toString, _a$toString2;
-			return (_a$toString = (_a$toString2 = a.toString) === null || _a$toString2 === void 0 ? void 0 : _a$toString2.call(a)) !== null && _a$toString !== void 0 ? _a$toString : JSON.stringify(a);
+			const toString = a.toString;
+			return toString == null ? JSON.stringify(a) : toString.call(a);
 		}).join(""),
 		instance && instance.proxy || instance,
 		trace.map(({ ctx }) => `at <${formatComponentName(instance, ctx.type)}>`).join("\n"),
@@ -123,7 +122,6 @@ function assertNumber(val, type) {
 	else if (isNaN(val)) warn$1(`${type} is NaN - the duration expression might be incorrect.`);
 }
 /* v8 ignore stop */
-
 //#endregion
 //#region packages/runtime-core/src/errorHandling.ts
 const ErrorCodes = {
@@ -247,7 +245,6 @@ function logError(err, type, instance, throwInDev = true, throwInProd = false) {
 	} else if (throwInProd) throw err;
 	else console.error(err);
 }
-
 //#endregion
 //#region packages/runtime-core/src/scheduler.ts
 const SchedulerJobFlags = {
@@ -408,10 +405,16 @@ function checkRecursiveUpdates(seen, fn) {
 	seen.set(fn, count + 1);
 	return false;
 }
-
 //#endregion
 //#region packages/runtime-core/src/hmr.ts
 let isHmrUpdating = false;
+const setHmrUpdating = (v) => {
+	try {
+		return isHmrUpdating;
+	} finally {
+		isHmrUpdating = v;
+	}
+};
 const hmrDirtyComponents = /* @__PURE__ */ new Map();
 const hmrDirtyComponentsMode = /* @__PURE__ */ new Map();
 if (!!(process.env.NODE_ENV !== "production")) getGlobalThis().__VUE_HMR_RUNTIME__ = {
@@ -530,7 +533,6 @@ function tryWrap(fn) {
 		}
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/devtools.ts
 let devtools$1;
@@ -599,7 +601,6 @@ function createDevtoolsPerformanceHook(hook) {
 function devtoolsComponentEmit(component, event, params) {
 	emit$1("component:emit", component.appContext.app, component, event, params);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentRenderContext.ts
 /**
@@ -669,7 +670,6 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
 	renderFnWithContext._d = true;
 	return renderFnWithContext;
 }
-
 //#endregion
 //#region packages/runtime-core/src/directives.ts
 function validateDirectiveName(name) {
@@ -724,7 +724,6 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
 		}
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiInject.ts
 function provide(key, value) {
@@ -755,7 +754,6 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
 function hasInjectionContext() {
 	return !!(getCurrentGenericInstance() || currentApp);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useSsrContext.ts
 const ssrContextKey = Symbol.for("v-scx");
@@ -766,7 +764,6 @@ const useSSRContext = () => {
 		return ctx;
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/apiWatch.ts
 function watchEffect(effect, options) {
@@ -867,7 +864,6 @@ function createPathGetter(ctx, path) {
 		return cur;
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/Teleport.ts
 const TeleportEndKey = Symbol("_vte");
@@ -927,25 +923,26 @@ const TeleportImpl = {
 				mount(container, mainAnchor);
 				updateCssVars(n2, true);
 			}
-			if (isTeleportDeferred(n2.props)) {
+			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();
 		} else {
-			if (isTeleportDeferred(n2.props) && n1.el.__isMounted === false) {
-				queuePostRenderEffect(() => {
-					TeleportImpl.process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, internals);
-				}, void 0, parentSuspense);
-				return;
-			}
 			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);
+				return;
+			}
 			const wasDisabled = isTeleportDisabled(n1.props);
 			const currentContainer = wasDisabled ? container : target;
 			const currentAnchor = wasDisabled ? mainAnchor : targetAnchor;
@@ -967,11 +964,9 @@ const TeleportImpl = {
 		}
 	},
 	remove(vnode, parentComponent, parentSuspense, { um: unmount, o: { remove: hostRemove } }, doRemove) {
-		const { shapeFlag, children, anchor, targetStart, targetAnchor, target, props } = vnode;
-		if (target) {
-			hostRemove(targetStart);
-			hostRemove(targetAnchor);
-		}
+		const { shapeFlag, children, anchor, targetStart, targetAnchor, props } = vnode;
+		if (targetStart) hostRemove(targetStart);
+		if (targetAnchor) hostRemove(targetAnchor);
 		doRemove && hostRemove(anchor);
 		if (shapeFlag & 16) {
 			const shouldRemove = doRemove || !isTeleportDisabled(props);
@@ -1065,7 +1060,6 @@ function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	}
 	return targetAnchor;
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/BaseTransition.ts
 const leaveCbKey = Symbol("_leaveCb");
@@ -1232,7 +1226,7 @@ function baseResolveTransitionHooks(context, props, state, instance) {
 			callHook(hook, [el]);
 		},
 		enter(el) {
-			if (isLeaving()) return;
+			if (!isHmrUpdating && isLeaving()) return;
 			let hook = onEnter;
 			let afterHook = onAfterEnter;
 			let cancelHook = onEnterCancelled;
@@ -1329,14 +1323,12 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 function checkTransitionMode(mode) {
 	if (!!(process.env.NODE_ENV !== "production") && mode && mode !== "in-out" && mode !== "out-in" && mode !== "default") warn$1(`invalid <transition> mode: ${mode}`);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiDefineComponent.ts
 /* @__NO_SIDE_EFFECTS__ */
 function defineComponent(options, extraOptions) {
 	return isFunction(options) ? extend({ name: options.name }, extraOptions, { setup: options }) : options;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
 function useId() {
@@ -1358,7 +1350,6 @@ function markAsyncBoundary(instance) {
 		0
 	];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useTemplateRef.ts
 const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
@@ -1382,7 +1373,6 @@ function isTemplateRefKey(refs, key) {
 	let desc;
 	return !!((desc = Object.getOwnPropertyDescriptor(refs, key)) && !desc.configurable);
 }
-
 //#endregion
 //#region packages/runtime-core/src/rendererTemplateRef.ts
 const pendingSetRefMap = /* @__PURE__ */ new WeakMap();
@@ -1483,7 +1473,6 @@ function invalidatePendingSetRef(rawRef) {
 		pendingSetRefMap.delete(rawRef);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/hydration.ts
 let isHydratingEnabled = false;
@@ -1910,7 +1899,6 @@ function isMismatchAllowed(el, allowedType) {
 		return list.includes(MismatchTypeString[allowedType]);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/hydrationStrategies.ts
 let requestIdleCallback;
@@ -1999,7 +1987,6 @@ function forEachElement(node, cb) {
 		}
 	} else cb(node);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -2136,11 +2123,10 @@ function performAsyncHydrate(el, instance, hydrate, getResolvedComp, load, hydra
 	if (getResolvedComp()) doHydrate();
 	else load().then(() => !instance.isUnmounted && doHydrate());
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/KeepAlive.ts
 const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
-const KeepAliveImpl = {
+const KeepAlive = {
 	name: `KeepAlive`,
 	__isKeepAlive: true,
 	props: {
@@ -2278,7 +2264,6 @@ const KeepAliveImpl = {
 		};
 	}
 };
-const KeepAlive = KeepAliveImpl;
 function matches(pattern, name) {
 	if (isArray(pattern)) return pattern.some((p) => matches(p, name));
 	else if (isString(pattern)) return pattern.split(",").includes(name);
@@ -2358,7 +2343,6 @@ function deactivate(vnode, container, { m: move }, parentComponent, parentSuspen
 	}, void 0, parentSuspense);
 	if (!!(process.env.NODE_ENV !== "production") || __VUE_PROD_DEVTOOLS__) devtoolsComponentAdded(instance);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiLifecycle.ts
 function injectHook(type, hook, target = currentInstance, prepend = false) {
@@ -2394,23 +2378,19 @@ const onRenderTracked = /* @__PURE__ */ createHook("rtc");
 function onErrorCaptured(hook, target = currentInstance) {
 	injectHook("ec", hook, target);
 }
-
-//#endregion
-//#region packages/runtime-core/src/helpers/resolveAssets.ts
-const COMPONENTS = "components";
 const DIRECTIVES = "directives";
 /**
 * @private
 */
 function resolveComponent(name, maybeSelfReference) {
-	return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
+	return resolveAsset("components", name, true, maybeSelfReference) || name;
 }
 const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
 /**
 * @private
 */
 function resolveDynamicComponent(component) {
-	if (isString(component)) return resolveAsset(COMPONENTS, component, false) || component;
+	if (isString(component)) return resolveAsset("components", component, false) || component;
 	else return component || NULL_DYNAMIC_COMPONENT;
 }
 /**
@@ -2423,14 +2403,14 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 	const instance = currentRenderingInstance || currentInstance;
 	if (instance) {
 		const Component = instance.type;
-		if (type === COMPONENTS) {
+		if (type === "components") {
 			const selfName = getComponentName(Component, false);
 			if (selfName && (selfName === name || selfName === camelize$1(name) || selfName === capitalize$1(camelize$1(name)))) return Component;
 		}
 		const res = resolve(instance[type] || Component[type], name) || resolve(instance.appContext[type], name);
 		if (!res && maybeSelfReference) return Component;
 		if (!!(process.env.NODE_ENV !== "production") && warnMissing && !res) {
-			const extra = type === COMPONENTS ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
+			const extra = type === "components" ? "\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement." : ``;
 			warn$1(`Failed to resolve ${type.slice(0, -1)}: ${name}${extra}`);
 		}
 		return res;
@@ -2439,7 +2419,6 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 function resolve(registry, name) {
 	return registry && (registry[name] || registry[camelize$1(name)] || registry[capitalize$1(camelize$1(name))]);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderList.ts
 /**
@@ -2460,11 +2439,14 @@ function renderList(source, renderItem, cache, index) {
 		}
 		ret = new Array(source.length);
 		for (let i = 0, l = source.length; i < l; i++) ret[i] = renderItem(needsWrap ? isReadonlySource ? toReadonly(toReactive(source[i])) : toReactive(source[i]) : source[i], i, void 0, cached && cached[i]);
-	} else if (typeof source === "number") {
-		if (!!(process.env.NODE_ENV !== "production") && !Number.isInteger(source)) warn$1(`The v-for range expect an integer value but got ${source}.`);
+	} else if (typeof source === "number") if (!!(process.env.NODE_ENV !== "production") && (!Number.isInteger(source) || source < 0)) {
+		warn$1(`The v-for range expects a positive integer value but got ${source}.`);
+		ret = [];
+	} else {
 		ret = new Array(source);
 		for (let i = 0; i < source; i++) ret[i] = renderItem(i + 1, i, void 0, cached && cached[i]);
-	} else if (isObject(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+	}
+	else if (isObject(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
 	else {
 		const keys = Object.keys(source);
 		ret = new Array(keys.length);
@@ -2477,7 +2459,6 @@ function renderList(source, renderItem, cache, index) {
 	if (cache) cache[index] = ret;
 	return ret;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/createSlots.ts
 /**
@@ -2496,7 +2477,6 @@ function createSlots(slots, dynamicSlots) {
 	}
 	return slots;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 /**
@@ -2547,7 +2527,6 @@ function ensureVaporSlotFallback(vnodes, fallback) {
 		if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
 /**
@@ -2563,7 +2542,6 @@ function toHandlers(obj, preserveCaseIfNecessary) {
 	for (const key in obj) ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : toHandlerKey$1(key)] = obj[key];
 	return ret;
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentPublicInstance.ts
 /**
@@ -2742,7 +2720,6 @@ function exposeSetupStateOnRenderContext(instance) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiSetupHelpers.ts
 const warnRuntimeUsage = (method) => warn$1(`${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`);
@@ -2781,6 +2758,22 @@ function defineExpose(exposed) {
 function defineOptions(options) {
 	if (!!(process.env.NODE_ENV !== "production")) warnRuntimeUsage(`defineOptions`);
 }
+/**
+* Vue `<script setup>` compiler macro for providing type hints to IDEs for
+* slot name and slot props type checking.
+*
+* Example usage:
+* ```ts
+* const slots = defineSlots<{
+*   default(props: { msg: string }): any
+* }>()
+* ```
+*
+* This is only usable inside `<script setup>`, is compiled away in the
+* output and should **not** be actually called at runtime.
+*
+* @see {@link https://vuejs.org/api/sfc-script-setup.html#defineslots}
+*/
 function defineSlots() {
 	if (!!(process.env.NODE_ENV !== "production")) warnRuntimeUsage(`defineSlots`);
 	return null;
@@ -2897,21 +2890,29 @@ function createPropsRestProxy(props, excludedKeys) {
 */
 function withAsyncContext(getAwaitable) {
 	const ctx = getCurrentGenericInstance();
+	const inSSRSetup = isInSSRComponentSetup;
 	if (!!(process.env.NODE_ENV !== "production") && !ctx) warn$1("withAsyncContext called without active current instance. This is likely a bug.");
 	let awaitable = getAwaitable();
 	setCurrentInstance(null, void 0);
-	const cleanup = () => setCurrentInstance(null, void 0);
-	if (isPromise(awaitable)) awaitable = awaitable.catch((e) => {
+	if (inSSRSetup) setInSSRSetupState(false);
+	const restore = () => {
 		setCurrentInstance(ctx);
+		if (inSSRSetup) setInSSRSetupState(true);
+	};
+	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));
 		throw e;
 	});
 	return [awaitable, () => {
-		setCurrentInstance(ctx);
+		restore();
 		Promise.resolve().then(cleanup);
 	}];
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentOptions.ts
 function createDuplicateChecker() {
@@ -3158,7 +3159,6 @@ function mergeWatchOptions(to, from) {
 	for (const key in from) merged[key] = mergeAsArray(to[key], from[key]);
 	return merged;
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiCreateApp.ts
 function createAppContext() {
@@ -3296,7 +3296,6 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 * `app.runWithContext()`.
 */
 let currentApp = null;
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useModel.ts
 function useModel(props, name, options = EMPTY_OBJ) {
@@ -3369,7 +3368,6 @@ function useModel(props, name, options = EMPTY_OBJ) {
 const getModelModifiers = (props, modelName, getter) => {
 	return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize$1(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
 };
-
 //#endregion
 //#region packages/runtime-core/src/componentEmits.ts
 function emit(instance, event, ...rawArgs) {
@@ -3459,7 +3457,6 @@ function isEmitListener(options, key) {
 	key = key.slice(2).replace(/Once$/, "");
 	return hasOwn(options, key[0].toLowerCase() + key.slice(1)) || hasOwn(options, hyphenate(key)) || hasOwn(options, key);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentRenderUtils.ts
 /**
@@ -3645,17 +3642,20 @@ function hasPropValueChanged(nextProps, prevProps, key) {
 	if (key === "style" && isObject(nextProp) && isObject(prevProp)) return !looseEqual(nextProp, prevProp);
 	return nextProp !== prevProp;
 }
-function updateHOCHostEl({ vnode, parent }, el) {
+function updateHOCHostEl({ vnode, parent, suspense }, el) {
 	while (parent && !parent.vapor) {
 		const root = parent.subTree;
-		if (root.suspense && root.suspense.activeBranch === vnode) root.el = vnode.el;
+		if (root.suspense && root.suspense.activeBranch === vnode) {
+			root.suspense.vnode.el = root.el = el;
+			vnode = root;
+		}
 		if (root === vnode) {
 			(vnode = parent.vnode).el = el;
 			parent = parent.parent;
 		} else break;
 	}
+	if (suspense && suspense.activeBranch === vnode) suspense.vnode.el = el;
 }
-
 //#endregion
 //#region packages/runtime-core/src/internalObject.ts
 /**
@@ -3667,7 +3667,6 @@ function updateHOCHostEl({ vnode, parent }, el) {
 const internalObjectProto = {};
 const createInternalObject = () => Object.create(internalObjectProto);
 const isInternalObject = (obj) => Object.getPrototypeOf(obj) === internalObjectProto;
-
 //#endregion
 //#region packages/runtime-core/src/componentProps.ts
 function initProps(instance, rawProps, isStateful, isSSR = false) {
@@ -3963,7 +3962,6 @@ function isExplicable(type) {
 function isBoolean(...args) {
 	return args.some((elem) => elem.toLowerCase() === "boolean");
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentSlots.ts
 const isInternalKey = (key) => key === "_" || key === "_ctx" || key === "$stable";
@@ -4032,7 +4030,6 @@ const updateSlots = (instance, children, optimized) => {
 		for (const key in slots) if (!isInternalKey(key) && deletionComparisonTarget[key] == null) delete slots[key];
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/profiling.ts
 let supported;
@@ -4071,7 +4068,6 @@ function isSupported() {
 	} else supported = false;
 	return supported;
 }
-
 //#endregion
 //#region packages/runtime-core/src/featureFlags.ts
 let initialized = false;
@@ -4101,7 +4097,6 @@ function initFeatureFlags() {
 	}
 	initialized = true;
 }
-
 //#endregion
 //#region packages/runtime-core/src/renderer.ts
 const MoveType = {
@@ -4267,10 +4262,19 @@ function baseCreateRenderer(options, createHydrationFns) {
 		if (dirs) invokeDirectiveHook(vnode, null, parentComponent, "beforeMount");
 		if (transition) performTransitionEnter(el, transition, () => hostInsert(el, container, anchor), parentSuspense);
 		else hostInsert(el, container, anchor);
-		if ((vnodeHook = props && props.onVnodeMounted) || dirs) queuePostRenderEffect(() => {
-			vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
-			dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
-		}, void 0, parentSuspense);
+		if ((vnodeHook = props && props.onVnodeMounted) || dirs) {
+			const isHmr = !!(process.env.NODE_ENV !== "production") && isHmrUpdating;
+			queuePostRenderEffect(() => {
+				let prev;
+				if (!!(process.env.NODE_ENV !== "production")) prev = setHmrUpdating(isHmr);
+				try {
+					vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+					dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
+				} finally {
+					if (!!(process.env.NODE_ENV !== "production")) setHmrUpdating(prev);
+				}
+			}, void 0, parentSuspense);
+		}
 	};
 	const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
 		if (scopeId) hostSetScopeId(el, scopeId);
@@ -4499,7 +4503,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 					if (isAsyncWrapperVNode && type.__asyncHydrate) type.__asyncHydrate(el, instance, hydrateSubTree);
 					else hydrateSubTree();
 				} else {
-					if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type);
+					if (root.ce && root.ce._hasShadowRoot()) root.ce._injectChildStyle(type, instance.parent ? instance.parent.type : void 0);
 					if (!!(process.env.NODE_ENV !== "production")) startMeasure(instance, `render`);
 					const subTree = instance.subTree = renderComponentRoot(instance);
 					if (!!(process.env.NODE_ENV !== "production")) endMeasure(instance, `render`);
@@ -4750,7 +4754,7 @@ function baseCreateRenderer(options, createHydrationFns) {
 		else hostInsert(el, container, anchor);
 	};
 	const unmount = (vnode, parentComponent, parentSuspense, doRemove = false, optimized = false) => {
-		const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex } = vnode;
+		const { type, props, ref, children, dynamicChildren, shapeFlag, patchFlag, dirs, cacheIndex, memo } = vnode;
 		if (patchFlag === -2) optimized = false;
 		if (ref != null) {
 			const prevSub = setActiveSub();
@@ -4788,9 +4792,11 @@ function baseCreateRenderer(options, createHydrationFns) {
 			}
 			if (doRemove) remove(vnode);
 		}
-		if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs) queuePostRenderEffect(() => {
+		const shouldInvalidateMemo = memo != null && cacheIndex == null;
+		if (shouldInvokeVnodeHook && (vnodeHook = props && props.onVnodeUnmounted) || shouldInvokeDirs || shouldInvalidateMemo) queuePostRenderEffect(() => {
 			vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
 			shouldInvokeDirs && invokeDirectiveHook(vnode, null, parentComponent, "unmounted");
+			if (shouldInvalidateMemo) vnode.el = null;
 		}, void 0, parentSuspense);
 	};
 	const remove = (vnode) => {
@@ -5013,12 +5019,11 @@ function resolveAsyncComponentPlaceholder(anchorVnode) {
 	if (instance) return resolveAsyncComponentPlaceholder(instance.subTree);
 	return null;
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/Suspense.ts
 const isSuspense = (type) => type.__isSuspense;
 let suspenseId = 0;
-const SuspenseImpl = {
+const Suspense = {
 	name: "Suspense",
 	__isSuspense: true,
 	process(n1, n2, container, anchor, parentComponent, parentSuspense, namespace, slotScopeIds, optimized, rendererInternals) {
@@ -5036,7 +5041,6 @@ const SuspenseImpl = {
 	hydrate: hydrateSuspense,
 	normalize: normalizeSuspenseChildren
 };
-const Suspense = SuspenseImpl;
 function triggerEvent(vnode, name) {
 	const eventListener = vnode.props && vnode.props[name];
 	if (isFunction(eventListener)) eventListener();
@@ -5145,6 +5149,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 		pendingId: suspenseId++,
 		timeout: typeof timeout === "number" ? timeout : -1,
 		activeBranch: null,
+		isFallbackMountPending: false,
 		pendingBranch: null,
 		isInFallback: !isHydrating,
 		isHydrating,
@@ -5167,13 +5172,14 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 						if (isInFallback && vnode.ssFallback) vnode.ssFallback.el = null;
 					}
 				};
-				if (activeBranch) {
+				if (activeBranch && !suspense.isFallbackMountPending) {
 					if (parentNode(activeBranch.el) === container) anchor = next(activeBranch);
 					unmount(activeBranch, parentComponent, suspense, true);
 					if (!delayEnter && isInFallback && vnode.ssFallback) queuePostRenderEffect(() => vnode.ssFallback.el = null, void 0, suspense);
 				}
 				if (!delayEnter) move(pendingBranch, container, anchor, 0, parentComponent);
 			}
+			suspense.isFallbackMountPending = false;
 			setActiveBranch(suspense, pendingBranch);
 			suspense.pendingBranch = null;
 			suspense.isInFallback = false;
@@ -5203,12 +5209,16 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			triggerEvent(vnode, "onFallback");
 			const anchor = next(activeBranch);
 			const mountFallback = () => {
+				suspense.isFallbackMountPending = false;
 				if (!suspense.isInFallback) return;
 				patch(null, fallbackVNode, container, anchor, parentComponent, null, namespace, slotScopeIds, optimized);
 				setActiveBranch(suspense, fallbackVNode);
 			};
 			const delayEnter = fallbackVNode.transition && fallbackVNode.transition.mode === "out-in";
-			if (delayEnter) activeBranch.transition.afterLeave = mountFallback;
+			if (delayEnter) {
+				suspense.isFallbackMountPending = true;
+				activeBranch.transition.afterLeave = mountFallback;
+			}
 			suspense.isInFallback = true;
 			unmount(activeBranch, parentComponent, null, true);
 			if (!delayEnter) mountFallback();
@@ -5299,7 +5309,6 @@ function isVNodeSuspensible(vnode) {
 	const suspensible = vnode.props && vnode.props.suspensible;
 	return suspensible != null && suspensible !== false;
 }
-
 //#endregion
 //#region packages/runtime-core/src/vnode.ts
 const Fragment = Symbol.for("v-fgt");
@@ -5610,6 +5619,7 @@ function mergeProps(...args) {
 			const existing = ret[key];
 			const incoming = toMerge[key];
 			if (incoming && existing !== incoming && !(isArray(existing) && existing.includes(incoming))) ret[key] = existing ? [].concat(existing, incoming) : incoming;
+			else if (incoming == null && existing == null && !isModelListener(key)) ret[key] = incoming;
 		} else if (key !== "") ret[key] = toMerge[key];
 	}
 	return ret;
@@ -5617,7 +5627,6 @@ function mergeProps(...args) {
 function invokeVNodeHook(hook, instance, vnode, prevVNode = null) {
 	callWithAsyncErrorHandling(hook, instance, 7, [vnode, prevVNode]);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentCurrentInstance.ts
 /**
@@ -5685,7 +5694,6 @@ const useInstanceOption = (key, silent = false) => {
 		value: instance[key]
 	};
 };
-
 //#endregion
 //#region packages/runtime-core/src/component.ts
 const emptyAppContext = /* @__PURE__ */ createAppContext();
@@ -6000,13 +6008,11 @@ function formatComponentName(instance, Component, isRoot = false) {
 function isClassComponent(value) {
 	return isFunction(value) && "__vccOpts" in value;
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiComputed.ts
 const computed = (getterOrOptions, debugOptions) => {
 	return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
-
 //#endregion
 //#region packages/runtime-core/src/h.ts
 function h(type, propsOrChildren, children) {
@@ -6026,7 +6032,6 @@ function h(type, propsOrChildren, children) {
 		setBlockTracking(1);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/customFormatter.ts
 function initCustomFormatter() {
@@ -6191,7 +6196,6 @@ function initCustomFormatter() {
 	if (window.devtoolsFormatters) window.devtoolsFormatters.push(formatter);
 	else window.devtoolsFormatters = [formatter];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/withMemo.ts
 function withMemo(memo, render, cache, index) {
@@ -6209,10 +6213,9 @@ function isMemoSame(cached, memo) {
 	if (isBlockTreeEnabled > 0 && currentBlock) currentBlock.push(cached);
 	return true;
 }
-
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-beta.7";
+const version = "3.6.0-beta.9";
 const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -6221,7 +6224,11 @@ const warn = !!(process.env.NODE_ENV !== "production") ? warn$1 : NOOP;
 const ErrorTypeStrings = ErrorTypeStrings$1;
 const devtools = (process.env.NODE_ENV, devtools$1);
 const setDevtoolsHook = (process.env.NODE_ENV, setDevtoolsHook$1);
-const _ssrUtils = {
+/**
+* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
+* @internal
+*/
+const ssrUtils = {
 	createComponentInstance,
 	setupComponent,
 	renderComponentRoot,
@@ -6234,11 +6241,6 @@ const _ssrUtils = {
 	popWarningContext
 };
 /**
-* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
-* @internal
-*/
-const ssrUtils = _ssrUtils;
-/**
 * @internal only exposed in compat builds
 */
 const resolveFilter = null;
@@ -6247,6 +6249,5 @@ const resolveFilter = null;
 */
 const compatUtils = null;
 const DeprecationTypes = null;
-
 //#endregion
-export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, 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, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };
+export { BaseTransition, BaseTransitionPropsValidators, Comment, DeprecationTypes, EffectScope, ErrorCodes, ErrorTypeStrings, Fragment, KeepAlive, MismatchTypes, MoveType, NULL_DYNAMIC_COMPONENT, ReactiveEffect, SchedulerJobFlags, Static, Suspense, Teleport, Text, TrackOpTypes, TriggerOpTypes, activate, assertNumber, baseEmit, baseNormalizePropsOptions, baseResolveTransitionHooks, callWithAsyncErrorHandling, callWithErrorHandling, camelize, capitalize, checkTransitionMode, cloneVNode, compatUtils, computed, createAppAPI, createAsyncComponentContext, createBlock, createCanSetSetupRefChecker, createCommentVNode, createElementBlock, createBaseVNode as createElementVNode, createHydrationRenderer, createInternalObject, createPropsRestProxy, createRenderer, createSlots, createStaticVNode, createTextVNode, createVNode, currentInstance, customRef, deactivate, defineAsyncComponent, defineComponent, defineEmits, defineExpose, defineModel, defineOptions, defineProps, defineSlots, devtools, devtoolsComponentAdded, effect, effectScope, endMeasure, ensureVaporSlotFallback, expose, flushOnAppMount, getAttributeMismatch, getComponentName, getCurrentInstance, getCurrentScope, getCurrentWatcher, getFunctionalFallthrough, getInheritedScopeIds, getTransitionRawChildren, guardReactiveProps, h, handleError, hasInjectionContext, hydrateOnIdle, hydrateOnInteraction, hydrateOnMediaQuery, hydrateOnVisible, initCustomFormatter, initFeatureFlags, inject, invalidateMount, invokeDirectiveHook, isAsyncWrapper, isEmitListener, isHydrating, 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, normalizeClass, normalizeProps, normalizeRef, normalizeStyle, onActivated, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onDeactivated, onErrorCaptured, onMounted, onRenderTracked, onRenderTriggered, onScopeDispose, onServerPrefetch, onUnmounted, onUpdated, onWatcherCleanup, openBlock, performAsyncHydrate, performTransitionEnter, performTransitionLeave, popScopeId, popWarningContext, provide, proxyRefs, pushScopeId, pushWarningContext, queueJob, queuePostFlushCb, reactive, readonly, ref, registerHMR, registerRuntimeCompiler, renderList, renderSlot, resetShapeFlag, resolveComponent, resolveDirective, resolveDynamicComponent, resolveFilter, resolvePropValue, resolveTarget as resolveTeleportTarget, resolveTransitionHooks, setBlockTracking, setCurrentInstance, setCurrentRenderingInstance, setDevtoolsHook, setIsHydratingEnabled, setRef, setTransitionHooks, shallowReactive, shallowReadonly, shallowRef, shouldUpdateComponent, simpleSetCurrentInstance, ssrContextKey, ssrUtils, startMeasure, stop, toClassSet, toDisplayString, toHandlerKey, toHandlers, toRaw, toRef, toRefs, toStyleMap, toValue, transformVNodeArgs, triggerRef, unref, unregisterHMR, useAsyncComponentState, useAttrs, useId, useInstanceOption, useModel, useSSRContext, useSlots, useTemplateRef, useTransitionState, validateComponentName, validateProps, version, warn, warnExtraneousAttributes, warnPropMismatch, watch, watchEffect, watchPostEffect, watchSyncEffect, withAsyncContext, withCtx, withDefaults, withDirectives, withMemo, withScopeId };