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

package/dist/runtime-core.cjs.js

@@ -1,12 +1,14 @@
 /**
-  * @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
   **/
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
 let _vue_reactivity = require("@vue/reactivity");
 let _vue_shared = require("@vue/shared");
-
 //#region packages/runtime-core/src/warning.ts
 const stack = [];
 /**
@@ -32,8 +34,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 +125,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 = {
@@ -246,7 +247,6 @@ function logError(err, type, instance, throwInDev = true, throwInProd = false) {
 		else console.error(err);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/scheduler.ts
 const jobs = [];
@@ -399,10 +399,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();
 (0, _vue_shared.getGlobalThis)().__VUE_HMR_RUNTIME__ = {
@@ -521,7 +527,6 @@ function tryWrap(fn) {
 		}
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/devtools.ts
 let devtools$1;
@@ -590,7 +595,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
 /**
@@ -660,7 +664,6 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
 	renderFnWithContext._d = true;
 	return renderFnWithContext;
 }
-
 //#endregion
 //#region packages/runtime-core/src/directives.ts
 function validateDirectiveName(name) {
@@ -715,7 +718,6 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
 		}
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiInject.ts
 function provide(key, value) {
@@ -744,7 +746,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");
@@ -755,7 +756,6 @@ const useSSRContext = () => {
 		return ctx;
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/apiWatch.ts
 function watchEffect(effect, options) {
@@ -856,7 +856,6 @@ function createPathGetter(ctx, path) {
 		return cur;
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/Teleport.ts
 const TeleportEndKey = Symbol("_vte");
@@ -916,25 +915,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;
@@ -956,11 +956,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);
@@ -1054,7 +1052,6 @@ function prepareAnchor(target, vnode, createText, insert, anchor = null) {
 	}
 	return targetAnchor;
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/BaseTransition.ts
 const leaveCbKey = Symbol("_leaveCb");
@@ -1220,7 +1217,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;
@@ -1317,14 +1314,12 @@ function getTransitionRawChildren(children, keepComment = false, parentKey) {
 function checkTransitionMode(mode) {
 	if (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 (0, _vue_shared.isFunction)(options) ? (0, _vue_shared.extend)({ name: options.name }, extraOptions, { setup: options }) : options;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
 function useId() {
@@ -1346,7 +1341,6 @@ function markAsyncBoundary(instance) {
 		0
 	];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useTemplateRef.ts
 const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
@@ -1370,7 +1364,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();
@@ -1469,20 +1462,12 @@ function invalidatePendingSetRef(rawRef) {
 		pendingSetRefMap.delete(rawRef);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/hydration.ts
 let isHydratingEnabled = false;
 function setIsHydratingEnabled(value) {
 	isHydratingEnabled = value;
 }
-/**
-* VDOM hydration state.
-* Also used by vapor interop plugin for tree-shaking:
-* In non-hydration builds, this is never set to true, so the logic in
-* vaporInteropImpl's hydrate/hydrateSlot can be tree-shaken.
-*/
-let isHydrating = false;
 let hasLoggedMismatchError = false;
 const logMismatchError = () => {
 	if (hasLoggedMismatchError) return;
@@ -1508,9 +1493,7 @@ function createHydrationFunctions(rendererInternals) {
 			container._vnode = vnode;
 			return;
 		}
-		isHydrating = true;
 		hydrateNode(container.firstChild, vnode, null, null, null);
-		isHydrating = false;
 		flushPostFlushCbs();
 		container._vnode = vnode;
 	};
@@ -1879,7 +1862,6 @@ function isMismatchAllowed(el, allowedType) {
 		return list.includes(MismatchTypeString[allowedType]);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/hydrationStrategies.ts
 let requestIdleCallback;
@@ -1968,7 +1950,6 @@ function forEachElement(node, cb) {
 		}
 	} else cb(node);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -2105,11 +2086,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: {
@@ -2247,7 +2227,6 @@ const KeepAliveImpl = {
 		};
 	}
 };
-const KeepAlive = KeepAliveImpl;
 function matches(pattern, name) {
 	if ((0, _vue_shared.isArray)(pattern)) return pattern.some((p) => matches(p, name));
 	else if ((0, _vue_shared.isString)(pattern)) return pattern.split(",").includes(name);
@@ -2327,7 +2306,6 @@ function deactivate(vnode, container, { m: move }, parentComponent, parentSuspen
 	}, void 0, parentSuspense);
 	devtoolsComponentAdded(instance);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiLifecycle.ts
 function injectHook(type, hook, target = currentInstance, prepend = false) {
@@ -2363,23 +2341,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 ((0, _vue_shared.isString)(component)) return resolveAsset(COMPONENTS, component, false) || component;
+	if ((0, _vue_shared.isString)(component)) return resolveAsset("components", component, false) || component;
 	else return component || NULL_DYNAMIC_COMPONENT;
 }
 /**
@@ -2392,14 +2366,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 === (0, _vue_shared.camelize)(name) || selfName === (0, _vue_shared.capitalize)((0, _vue_shared.camelize)(name)))) return Component;
 		}
 		const res = resolve(instance[type] || Component[type], name) || resolve(instance.appContext[type], name);
 		if (!res && maybeSelfReference) return Component;
 		if (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;
@@ -2408,7 +2382,6 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 function resolve(registry, name) {
 	return registry && (registry[name] || registry[(0, _vue_shared.camelize)(name)] || registry[(0, _vue_shared.capitalize)((0, _vue_shared.camelize)(name))]);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderList.ts
 /**
@@ -2429,11 +2402,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 ? (0, _vue_reactivity.toReadonly)((0, _vue_reactivity.toReactive)(source[i])) : (0, _vue_reactivity.toReactive)(source[i]) : source[i], i, void 0, cached && cached[i]);
-	} else if (typeof source === "number") {
-		if (!Number.isInteger(source)) warn$1(`The v-for range expect an integer value but got ${source}.`);
+	} else if (typeof source === "number") if (!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 ((0, _vue_shared.isObject)(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
+	}
+	else if ((0, _vue_shared.isObject)(source)) if (source[Symbol.iterator]) ret = Array.from(source, (item, i) => renderItem(item, i, void 0, cached && cached[i]));
 	else {
 		const keys = Object.keys(source);
 		ret = new Array(keys.length);
@@ -2446,7 +2422,6 @@ function renderList(source, renderItem, cache, index) {
 	if (cache) cache[index] = ret;
 	return ret;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/createSlots.ts
 /**
@@ -2465,7 +2440,6 @@ function createSlots(slots, dynamicSlots) {
 	}
 	return slots;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 /**
@@ -2516,7 +2490,6 @@ function ensureVaporSlotFallback(vnodes, fallback) {
 		if (!vaporSlot.fallback && fallback) vaporSlot.fallback = fallback;
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/toHandlers.ts
 /**
@@ -2532,7 +2505,6 @@ function toHandlers(obj, preserveCaseIfNecessary) {
 	for (const key in obj) ret[preserveCaseIfNecessary && /[A-Z]/.test(key) ? `on:${key}` : (0, _vue_shared.toHandlerKey)(key)] = obj[key];
 	return ret;
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentPublicInstance.ts
 /**
@@ -2711,7 +2683,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.`);
@@ -2750,6 +2721,22 @@ function defineExpose(exposed) {
 function defineOptions(options) {
 	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() {
 	warnRuntimeUsage(`defineSlots`);
 	return null;
@@ -2866,21 +2853,29 @@ function createPropsRestProxy(props, excludedKeys) {
 */
 function withAsyncContext(getAwaitable) {
 	const ctx = getCurrentGenericInstance();
+	const inSSRSetup = isInSSRComponentSetup;
 	if (!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 ((0, _vue_shared.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 ((0, _vue_shared.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() {
@@ -3126,7 +3121,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() {
@@ -3258,7 +3252,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 = _vue_shared.EMPTY_OBJ) {
@@ -3331,7 +3324,6 @@ function useModel(props, name, options = _vue_shared.EMPTY_OBJ) {
 const getModelModifiers = (props, modelName, getter) => {
 	return getter(props, (0, _vue_shared.getModifierPropName)(modelName)) || getter(props, `${(0, _vue_shared.camelize)(modelName)}Modifiers`) || getter(props, `${(0, _vue_shared.hyphenate)(modelName)}Modifiers`);
 };
-
 //#endregion
 //#region packages/runtime-core/src/componentEmits.ts
 function emit(instance, event, ...rawArgs) {
@@ -3421,7 +3413,6 @@ function isEmitListener(options, key) {
 	key = key.slice(2).replace(/Once$/, "");
 	return (0, _vue_shared.hasOwn)(options, key[0].toLowerCase() + key.slice(1)) || (0, _vue_shared.hasOwn)(options, (0, _vue_shared.hyphenate)(key)) || (0, _vue_shared.hasOwn)(options, key);
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentRenderUtils.ts
 /**
@@ -3603,17 +3594,20 @@ function hasPropValueChanged(nextProps, prevProps, key) {
 	if (key === "style" && (0, _vue_shared.isObject)(nextProp) && (0, _vue_shared.isObject)(prevProp)) return !(0, _vue_shared.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
 /**
@@ -3625,7 +3619,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) {
@@ -3921,7 +3914,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";
@@ -3990,7 +3982,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;
@@ -4029,7 +4020,6 @@ function isSupported() {
 	} else supported = false;
 	return supported;
 }
-
 //#endregion
 //#region packages/runtime-core/src/renderer.ts
 const MoveType = {
@@ -4192,10 +4182,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 = isHmrUpdating;
+			queuePostRenderEffect(() => {
+				let prev;
+				prev = setHmrUpdating(isHmr);
+				try {
+					vnodeHook && invokeVNodeHook(vnodeHook, parentComponent, vnode);
+					dirs && invokeDirectiveHook(vnode, null, parentComponent, "mounted");
+				} finally {
+					setHmrUpdating(prev);
+				}
+			}, void 0, parentSuspense);
+		}
 	};
 	const setScopeId = (el, vnode, scopeId, slotScopeIds, parentComponent) => {
 		if (scopeId) hostSetScopeId(el, scopeId);
@@ -4417,7 +4416,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);
 					startMeasure(instance, `render`);
 					const subTree = instance.subTree = renderComponentRoot(instance);
 					endMeasure(instance, `render`);
@@ -4668,7 +4667,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 = (0, _vue_reactivity.setActiveSub)();
@@ -4706,9 +4705,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) => {
@@ -4931,12 +4932,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) {
@@ -4954,7 +4954,6 @@ const SuspenseImpl = {
 	hydrate: hydrateSuspense,
 	normalize: normalizeSuspenseChildren
 };
-const Suspense = SuspenseImpl;
 function triggerEvent(vnode, name) {
 	const eventListener = vnode.props && vnode.props[name];
 	if ((0, _vue_shared.isFunction)(eventListener)) eventListener();
@@ -5063,6 +5062,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 		pendingId: suspenseId++,
 		timeout: typeof timeout === "number" ? timeout : -1,
 		activeBranch: null,
+		isFallbackMountPending: false,
 		pendingBranch: null,
 		isInFallback: !isHydrating,
 		isHydrating,
@@ -5083,13 +5083,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;
@@ -5119,12 +5120,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();
@@ -5215,7 +5220,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");
@@ -5526,6 +5530,7 @@ function mergeProps(...args) {
 			const existing = ret[key];
 			const incoming = toMerge[key];
 			if (incoming && existing !== incoming && !((0, _vue_shared.isArray)(existing) && existing.includes(incoming))) ret[key] = existing ? [].concat(existing, incoming) : incoming;
+			else if (incoming == null && existing == null && !(0, _vue_shared.isModelListener)(key)) ret[key] = incoming;
 		} else if (key !== "") ret[key] = toMerge[key];
 	}
 	return ret;
@@ -5533,7 +5538,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
 /**
@@ -5601,7 +5605,6 @@ const useInstanceOption = (key, silent = false) => {
 		value: instance[key]
 	};
 };
-
 //#endregion
 //#region packages/runtime-core/src/component.ts
 const emptyAppContext = /* @__PURE__ */ createAppContext();
@@ -5897,13 +5900,11 @@ function formatComponentName(instance, Component, isRoot = false) {
 function isClassComponent(value) {
 	return (0, _vue_shared.isFunction)(value) && "__vccOpts" in value;
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiComputed.ts
 const computed = (getterOrOptions, debugOptions) => {
 	return (0, _vue_reactivity.computed)(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
-
 //#endregion
 //#region packages/runtime-core/src/h.ts
 function h(type, propsOrChildren, children) {
@@ -5923,7 +5924,6 @@ function h(type, propsOrChildren, children) {
 		setBlockTracking(1);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/customFormatter.ts
 function initCustomFormatter() {
@@ -6088,7 +6088,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) {
@@ -6106,10 +6105,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 = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -6118,7 +6116,11 @@ const warn = warn$1;
 const ErrorTypeStrings = ErrorTypeStrings$1;
 const devtools = devtools$1;
 const setDevtoolsHook = setDevtoolsHook$1;
-const _ssrUtils = {
+/**
+* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
+* @internal
+*/
+const ssrUtils = {
 	createComponentInstance,
 	setupComponent,
 	renderComponentRoot,
@@ -6131,11 +6133,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;
@@ -6144,7 +6141,6 @@ const resolveFilter = null;
 */
 const compatUtils = null;
 const DeprecationTypes = null;
-
 //#endregion
 exports.BaseTransition = BaseTransition;
 exports.BaseTransitionPropsValidators = BaseTransitionPropsValidators;
@@ -6295,4 +6291,4 @@ exports.withCtx = withCtx;
 exports.withDefaults = withDefaults;
 exports.withDirectives = withDirectives;
 exports.withMemo = withMemo;
-exports.withScopeId = withScopeId;
+exports.withScopeId = withScopeId;