@vue/server-renderer 3.6.0-beta.7 → 3.6.0-beta.9

package/dist/server-renderer.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/server-renderer v3.6.0-beta.7
+  * @vue/server-renderer v3.6.0-beta.9
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -17,7 +17,6 @@ function makeMap(str) {
 	for (const key of str.split(",")) map[key] = 1;
 	return (val) => val in map;
 }
-
 //#endregion
 //#region packages/shared/src/general.ts
 const EMPTY_OBJ = Object.freeze({});
@@ -123,7 +122,6 @@ const getGlobalThis = () => {
 function canSetValueDirectly(tagName) {
 	return tagName !== "PROGRESS" && !tagName.includes("-");
 }
-
 //#endregion
 //#region packages/shared/src/normalizeProp.ts
 function normalizeStyle(value) {
@@ -175,7 +173,6 @@ function normalizeClass(value) {
 	}
 	return res.trim();
 }
-
 //#endregion
 //#region packages/shared/src/domTagConfig.ts
 const HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
@@ -202,7 +199,6 @@ const isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
 * Do NOT use in runtime code paths unless behind `__DEV__` flag.
 */
 const isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
-
 //#endregion
 //#region packages/shared/src/domAttrConfig.ts
 /**
@@ -260,7 +256,6 @@ function shouldSetAsAttr(tagName, key) {
 	if (key === "sandbox" && tagName === "IFRAME") return true;
 	return false;
 }
-
 //#endregion
 //#region packages/shared/src/escapeHtml.ts
 const escapeRE = /["'&<>]/;
@@ -301,7 +296,6 @@ const commentStripRE = /^-?>|<!--|-->|--!>|<!-$/g;
 function escapeHtmlComment(src) {
 	return src.replace(commentStripRE, "");
 }
-
 //#endregion
 //#region packages/shared/src/looseEqual.ts
 function looseCompareArrays(a, b) {
@@ -337,7 +331,6 @@ function looseEqual(a, b) {
 function looseIndexOf(arr, val) {
 	return arr.findIndex((item) => looseEqual(item, val));
 }
-
 //#endregion
 //#region packages/shared/src/toDisplayString.ts
 const isRef$1 = (val) => {
@@ -372,7 +365,6 @@ const stringifySymbol = (v, i = "") => {
 	var _description;
 	return isSymbol(v) ? `Symbol(${(_description = v.description) !== null && _description !== void 0 ? _description : i})` : v;
 };
-
 //#endregion
 //#region packages/shared/src/subSequence.ts
 function getSequence(arr) {
@@ -410,7 +402,6 @@ function getSequence(arr) {
 	}
 	return result;
 }
-
 //#endregion
 //#region packages/shared/src/cssVars.ts
 /**
@@ -423,7 +414,6 @@ function normalizeCssVarValue(value) {
 	if (typeof value !== "number" || !Number.isFinite(value)) console.warn("[Vue warn] Invalid value used for CSS binding. Expected a string or a finite number but received:", value);
 	return String(value);
 }
-
 //#endregion
 //#region packages/reactivity/src/debug.ts
 const triggerEventInfos = [];
@@ -459,31 +449,11 @@ function setupFlagsHandler(target) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/reactivity/src/warning.ts
 function warn$2(msg, ...args) {
 	console.warn(`[Vue warn] ${msg}`, ...args);
 }
-
-//#endregion
-//#region packages/reactivity/src/system.ts
-const ReactiveFlags = {
-	"None": 0,
-	"0": "None",
-	"Mutable": 1,
-	"1": "Mutable",
-	"Watching": 2,
-	"2": "Watching",
-	"RecursedCheck": 4,
-	"4": "RecursedCheck",
-	"Recursed": 8,
-	"8": "Recursed",
-	"Dirty": 16,
-	"16": "Dirty",
-	"Pending": 32,
-	"32": "Pending"
-};
 const notifyBuffer = [];
 let batchDepth = 0;
 let activeSub = void 0;
@@ -691,7 +661,6 @@ function isValidLink(checkLink, sub) {
 	}
 	return false;
 }
-
 //#endregion
 //#region packages/reactivity/src/dep.ts
 var Dep = class {
@@ -798,7 +767,6 @@ function trigger(target, type, key, newValue, oldValue, oldTarget) {
 	}
 	endBatch();
 }
-
 //#endregion
 //#region packages/reactivity/src/arrayInstrumentations.ts
 /**
@@ -946,16 +914,25 @@ function apply(self, method, fn, thisArg, wrappedRetFn, args) {
 }
 function reduce(self, method, fn, args) {
 	const arr = shallowReadArray(self);
+	const needsWrap = arr !== self && !/* @__PURE__ */ isShallow(self);
 	let wrappedFn = fn;
+	let wrapInitialAccumulator = false;
 	if (arr !== self) {
-		if (!/* @__PURE__ */ isShallow(self)) wrappedFn = function(acc, item, index) {
-			return fn.call(this, acc, toWrapped(self, item), index, self);
-		};
-		else if (fn.length > 3) wrappedFn = function(acc, item, index) {
+		if (needsWrap) {
+			wrapInitialAccumulator = args.length === 0;
+			wrappedFn = function(acc, item, index) {
+				if (wrapInitialAccumulator) {
+					wrapInitialAccumulator = false;
+					acc = toWrapped(self, acc);
+				}
+				return fn.call(this, acc, toWrapped(self, item), index, self);
+			};
+		} else if (fn.length > 3) wrappedFn = function(acc, item, index) {
 			return fn.call(this, acc, item, index, self);
 		};
 	}
-	return arr[method](wrappedFn, ...args);
+	const result = arr[method](wrappedFn, ...args);
+	return wrapInitialAccumulator ? toWrapped(self, result) : result;
 }
 function searchProxy(self, method, args) {
 	const arr = /* @__PURE__ */ toRaw(self);
@@ -975,7 +952,6 @@ function noTracking(self, method, args = []) {
 	endBatch();
 	return res;
 }
-
 //#endregion
 //#region packages/reactivity/src/baseHandlers.ts
 const isNonTrackableKeys = /* @__PURE__ */ makeMap(`__proto__,__v_isRef,__isVue`);
@@ -1084,7 +1060,6 @@ const mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler();
 const readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler();
 const shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
 const shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-
 //#endregion
 //#region packages/reactivity/src/collectionHandlers.ts
 const toShallow = (value) => value;
@@ -1169,11 +1144,13 @@ function createInstrumentations(readonly, shallow) {
 		clear: createReadonlyMethod("clear")
 	} : {
 		add(value) {
-			if (!shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value)) value = /* @__PURE__ */ toRaw(value);
 			const target = /* @__PURE__ */ toRaw(this);
-			if (!getProto(target).has.call(target, value)) {
-				target.add(value);
-				trigger(target, "add", value, value);
+			const proto = getProto(target);
+			const rawValue = /* @__PURE__ */ toRaw(value);
+			const valueToAdd = !shallow && !/* @__PURE__ */ isShallow(value) && !/* @__PURE__ */ isReadonly(value) ? rawValue : value;
+			if (!(proto.has.call(target, valueToAdd) || hasChanged(value, valueToAdd) && proto.has.call(target, value) || hasChanged(rawValue, valueToAdd) && proto.has.call(target, rawValue))) {
+				target.add(valueToAdd);
+				trigger(target, "add", valueToAdd, valueToAdd);
 			}
 			return this;
 		},
@@ -1244,7 +1221,6 @@ function checkIdentityKeys(target, has, key) {
 		warn$2(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/reactive.ts
 const reactiveMap = /* @__PURE__ */ new WeakMap();
@@ -1508,7 +1484,6 @@ const toReactive = (value) => isObject(value) ? /* @__PURE__ */ reactive(value)
 * @param value - The value for which a readonly proxy shall be created.
 */
 const toReadonly = (value) => isObject(value) ? /* @__PURE__ */ readonly(value) : value;
-
 //#endregion
 //#region packages/reactivity/src/ref.ts
 /* @__NO_SIDE_EFFECTS__ */
@@ -1555,7 +1530,6 @@ const shallowUnwrapHandlers = {
 function proxyRefs(objectWithRefs) {
 	return /* @__PURE__ */ isReactive(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
 }
-
 //#endregion
 //#region packages/reactivity/src/effect.ts
 var ReactiveEffect = class {
@@ -1625,7 +1599,6 @@ function cleanup(sub) {
 		sub.cleanupsLength = 0;
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/effectScope.ts
 let activeEffectScope;
@@ -1703,7 +1676,6 @@ function setCurrentScope(scope) {
 		activeEffectScope = scope;
 	}
 }
-
 //#endregion
 //#region packages/reactivity/src/computed.ts
 /**
@@ -1727,7 +1699,7 @@ var ComputedRefImpl = class {
 		if (flags & 32) if (checkDirty(this.deps, this)) {
 			this.flags = flags | 16;
 			return true;
-		} else this.flags = flags & ~32;
+		} else this.flags = flags & -33;
 		return false;
 	}
 	/**
@@ -1736,7 +1708,7 @@ var ComputedRefImpl = class {
 	*/
 	set _dirty(v) {
 		if (v) this.flags |= 16;
-		else this.flags &= ~(16 | 32);
+		else this.flags &= -49;
 	}
 	constructor(fn, setter) {
 		this.fn = fn;
@@ -1746,7 +1718,7 @@ var ComputedRefImpl = class {
 		this.subsTail = void 0;
 		this.deps = void 0;
 		this.depsTail = void 0;
-		this.flags = 1 | 16;
+		this.flags = 17;
 		this.__v_isRef = true;
 		this["__v_isReadonly"] = !setter;
 	}
@@ -1757,7 +1729,7 @@ var ComputedRefImpl = class {
 				const subs = this.subs;
 				if (subs !== void 0) shallowPropagate(subs);
 			}
-		} else if (flags & 32) this.flags = flags & ~32;
+		} else if (flags & 32) this.flags = flags & -33;
 		if (activeSub !== void 0) {
 			onTrack(activeSub, {
 				target: this,
@@ -1804,7 +1776,6 @@ function computed$1(getterOrOptions, debugOptions, isSSR = false) {
 	}
 	return cRef;
 }
-
 //#endregion
 //#region packages/reactivity/src/watch.ts
 const INITIAL_WATCHER_VALUE = {};
@@ -1941,7 +1912,6 @@ function traverse(value, depth = Infinity, seen) {
 	}
 	return value;
 }
-
 //#endregion
 //#region packages/runtime-core/src/warning.ts
 const stack = [];
@@ -1968,8 +1938,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"),
@@ -2051,7 +2021,6 @@ function formatProp(key, value, raw) {
 	}
 }
 /* v8 ignore stop */
-
 //#endregion
 //#region packages/runtime-core/src/errorHandling.ts
 const ErrorTypeStrings = {
@@ -2144,7 +2113,6 @@ function logError(err, type, instance, throwInDev = true, throwInProd = false) {
 		else console.error(err);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/scheduler.ts
 const jobs = [];
@@ -2297,10 +2265,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();
 getGlobalThis().__VUE_HMR_RUNTIME__ = {
@@ -2419,7 +2393,6 @@ function tryWrap(fn) {
 		}
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/devtools.ts
 let devtools;
@@ -2488,7 +2461,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
 /**
@@ -2538,7 +2510,6 @@ function withCtx(fn, ctx = currentRenderingInstance, isNonScopedSlot) {
 	renderFnWithContext._d = true;
 	return renderFnWithContext;
 }
-
 //#endregion
 //#region packages/runtime-core/src/directives.ts
 function validateDirectiveName(name) {
@@ -2563,7 +2534,6 @@ function invokeDirectiveHook(vnode, prevVNode, instance, name) {
 		}
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiInject.ts
 function provide(key, value) {
@@ -2584,7 +2554,6 @@ function inject(key, defaultValue, treatDefaultAsFactory = false) {
 		else warn$1(`injection "${String(key)}" not found.`);
 	} else warn$1(`inject() can only be used inside setup() or functional components.`);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useSsrContext.ts
 const ssrContextKey = Symbol.for("v-scx");
@@ -2595,7 +2564,6 @@ const useSSRContext = () => {
 		return ctx;
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/apiWatch.ts
 function watch(source, cb, options) {
@@ -2687,12 +2655,10 @@ function createPathGetter(ctx, path) {
 		return cur;
 	};
 }
-
 //#endregion
 //#region packages/runtime-core/src/components/Teleport.ts
 const TeleportEndKey = Symbol("_vte");
 const isTeleport = (type) => type.__isTeleport;
-
 //#endregion
 //#region packages/runtime-core/src/components/BaseTransition.ts
 const leaveCbKey = Symbol("_leaveCb");
@@ -2707,7 +2673,6 @@ function setTransitionHooks(vnode, hooks) {
 		vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
 	} else vnode.transition = hooks;
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useId.ts
 /**
@@ -2723,7 +2688,6 @@ function markAsyncBoundary(instance) {
 		0
 	];
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useTemplateRef.ts
 const knownTemplateRefs = /* @__PURE__ */ new WeakSet();
@@ -2731,7 +2695,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();
@@ -2830,11 +2793,9 @@ function invalidatePendingSetRef(rawRef) {
 		pendingSetRefMap.delete(rawRef);
 	}
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiAsyncComponent.ts
 const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
-
 //#endregion
 //#region packages/runtime-core/src/components/KeepAlive.ts
 const isKeepAlive = (vnode) => vnode.type.__isKeepAlive;
@@ -2869,7 +2830,6 @@ function injectToKeepAliveRoot(hook, type, target, keepAliveRoot) {
 		remove(keepAliveRoot[type], injected);
 	}, target);
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiLifecycle.ts
 function injectHook(type, hook, target = currentInstance, prepend = false) {
@@ -2905,11 +2865,9 @@ const onRenderTracked = /* @__PURE__ */ createHook("rtc");
 function onErrorCaptured(hook, target = currentInstance) {
 	injectHook("ec", hook, target);
 }
-
 //#endregion
 //#region packages/runtime-core/src/helpers/resolveAssets.ts
 const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
-
 //#endregion
 //#region packages/runtime-core/src/helpers/renderSlot.ts
 function ensureValidVNode$1(vnodes) {
@@ -2920,7 +2878,6 @@ function ensureValidVNode$1(vnodes) {
 		return true;
 	}) ? vnodes : null;
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentPublicInstance.ts
 /**
@@ -3088,7 +3045,6 @@ function exposeSetupStateOnRenderContext(instance) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/runtime-core/src/apiSetupHelpers.ts
 /**
@@ -3097,7 +3053,6 @@ function exposeSetupStateOnRenderContext(instance) {
 function normalizePropsOrEmits(props) {
 	return isArray(props) ? props.reduce((normalized, p) => (normalized[p] = null, normalized), {}) : props;
 }
-
 //#endregion
 //#region packages/runtime-core/src/componentOptions.ts
 function createDuplicateChecker() {
@@ -3343,7 +3298,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() {
@@ -3475,13 +3429,11 @@ function createAppAPI(mount, unmount, getPublicInstance, render) {
 * `app.runWithContext()`.
 */
 let currentApp = null;
-
 //#endregion
 //#region packages/runtime-core/src/helpers/useModel.ts
 const getModelModifiers = (props, modelName, getter) => {
 	return getter(props, getModifierPropName(modelName)) || getter(props, `${camelize(modelName)}Modifiers`) || getter(props, `${hyphenate(modelName)}Modifiers`);
 };
-
 //#endregion
 //#region packages/runtime-core/src/componentEmits.ts
 function emit(instance, event, ...rawArgs) {
@@ -3571,7 +3523,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
 /**
@@ -3753,17 +3704,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
 /**
@@ -3775,7 +3729,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) {
@@ -4071,7 +4024,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";
@@ -4140,7 +4092,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;
@@ -4179,7 +4130,6 @@ function isSupported() {
 	} else supported = false;
 	return supported;
 }
-
 //#endregion
 //#region packages/runtime-core/src/renderer.ts
 const queuePostRenderEffect = queueEffectWithSuspense;
@@ -4331,10 +4281,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);
@@ -4556,7 +4515,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$1(instance);
 					endMeasure(instance, `render`);
@@ -4807,7 +4766,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();
@@ -4845,9 +4804,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) => {
@@ -5070,7 +5031,6 @@ 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;
@@ -5079,7 +5039,6 @@ function queueEffectWithSuspense(fn, id, suspense) {
 	else suspense.effects.push(fn);
 	else queuePostFlushCb(fn, id);
 }
-
 //#endregion
 //#region packages/runtime-core/src/vnode.ts
 const Fragment = Symbol.for("v-fgt");
@@ -5088,7 +5047,6 @@ const Comment = Symbol.for("v-cmt");
 const Static = Symbol.for("v-stc");
 const VaporSlot = Symbol.for("v-vps");
 const blockStack = [];
-let currentBlock = null;
 let isBlockTreeEnabled = 1;
 /**
 * Block tracking sometimes needs to be disabled, for example during the
@@ -5108,7 +5066,6 @@ let isBlockTreeEnabled = 1;
 */
 function setBlockTracking(value, inVOnce = false) {
 	isBlockTreeEnabled += value;
-	if (value < 0 && currentBlock && inVOnce) currentBlock.hasOnce = true;
 }
 function isVNode$2(value) {
 	return value ? value.__v_isVNode === true : false;
@@ -5124,9 +5081,8 @@ function isSameVNodeType(n1, n2) {
 	}
 	return n1.type === n2.type && n1.key === n2.key;
 }
-let vnodeArgsTransformer;
 const createVNodeWithArgsTransform = (...args) => {
-	return _createVNode(...vnodeArgsTransformer ? vnodeArgsTransformer(args, currentRenderingInstance) : args);
+	return _createVNode(...args);
 };
 const normalizeKey = ({ key }) => key != null ? key : null;
 const normalizeRef = ({ ref, ref_key, ref_for }, i = currentRenderingInstance) => {
@@ -5173,7 +5129,6 @@ function createBaseVNode(type, props = null, children = null, patchFlag = 0, dyn
 		if (shapeFlag & 128) type.normalize(vnode);
 	} else if (children) vnode.shapeFlag |= isString(children) ? 8 : 16;
 	if (vnode.key !== vnode.key) warn$1(`VNode created with invalid key (NaN). VNode type:`, vnode.type);
-	if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
 	return vnode;
 }
 const createVNode = createVNodeWithArgsTransform;
@@ -5185,8 +5140,6 @@ function _createVNode(type, props = null, children = null, patchFlag = 0, dynami
 	if (isVNode$2(type)) {
 		const cloned = cloneVNode(type, props, true);
 		if (children) normalizeChildren(cloned, children);
-		if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock) if (cloned.shapeFlag & 6) currentBlock[currentBlock.indexOf(type)] = cloned;
-		else currentBlock.push(cloned);
 		cloned.patchFlag = -2;
 		return cloned;
 	}
@@ -5322,6 +5275,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;
@@ -5329,7 +5283,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
 /**
@@ -5367,7 +5320,6 @@ const setCurrentInstance = (instance, scope = instance !== null ? instance.scope
 		simpleSetCurrentInstance(instance);
 	}
 };
-
 //#endregion
 //#region packages/runtime-core/src/component.ts
 const emptyAppContext = /* @__PURE__ */ createAppContext();
@@ -5520,29 +5472,10 @@ function handleSetupResult(instance, setupResult, isSSR) {
 	} else if (setupResult !== void 0) warn$1(`setup() should return an object. Received: ${setupResult === null ? "null" : typeof setupResult}`);
 	finishComponentSetup(instance, isSSR);
 }
-let compile;
-let installWithProxy;
-const isRuntimeOnly = () => !compile;
+const isRuntimeOnly = () => true;
 function finishComponentSetup(instance, isSSR, skipOptions) {
 	const Component = instance.type;
-	if (!instance.render) {
-		if (!isSSR && compile && !Component.render) {
-			const template = Component.template || resolveMergedOptions(instance).template;
-			if (template) {
-				startMeasure(instance, `compile`);
-				const { isCustomElement, compilerOptions } = instance.appContext.config;
-				const { delimiters, compilerOptions: componentCompilerOptions } = Component;
-				const finalCompilerOptions = extend(extend({
-					isCustomElement,
-					delimiters
-				}, compilerOptions), componentCompilerOptions);
-				Component.render = compile(template, finalCompilerOptions);
-				endMeasure(instance, `compile`);
-			}
-		}
-		instance.render = Component.render || NOOP;
-		if (installWithProxy) installWithProxy(instance);
-	}
+	if (!instance.render) instance.render = Component.render || NOOP;
 	{
 		const prevInstance = setCurrentInstance(instance);
 		const prevSub = setActiveSub();
@@ -5553,7 +5486,7 @@ function finishComponentSetup(instance, isSSR, skipOptions) {
 			setCurrentInstance(...prevInstance);
 		}
 	}
-	if (!Component.render && instance.render === NOOP && !isSSR) if (!compile && Component.template)
+	if (!Component.render && instance.render === NOOP && !isSSR) if (Component.template)
  /* v8 ignore start */
 	warn$1("Component provided template option but runtime compilation is not supported in this build of Vue. Use \"vue.esm-browser.js\" instead.");
 	else warn$1(`Component is missing template or render function: `, Component);
@@ -5653,18 +5586,20 @@ 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 /* @__PURE__ */ computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
 };
-
 //#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;
-const _ssrUtils = {
+/**
+* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
+* @internal
+*/
+const ssrUtils = {
 	createComponentInstance: createComponentInstance$1,
 	setupComponent: setupComponent$1,
 	renderComponentRoot: renderComponentRoot$1,
@@ -5676,12 +5611,6 @@ const _ssrUtils = {
 	pushWarningContext: pushWarningContext$1,
 	popWarningContext: popWarningContext$1
 };
-/**
-* SSR utils for \@vue/server-renderer. Only exposed in ssr-possible builds.
-* @internal
-*/
-const ssrUtils = _ssrUtils;
-
 //#endregion
 //#region packages/runtime-dom/src/nodeOps.ts
 let policy = void 0;
@@ -5742,11 +5671,9 @@ const nodeOps = {
 		return [before ? before.nextSibling : parent.firstChild, anchor ? anchor.previousSibling : parent.lastChild];
 	}
 };
-
 //#endregion
 //#region packages/runtime-dom/src/components/Transition.ts
 const vtcKey = Symbol("_vtc");
-
 //#endregion
 //#region packages/runtime-dom/src/modules/class.ts
 function patchClass(el, value, isSVG) {
@@ -5756,7 +5683,6 @@ function patchClass(el, value, isSVG) {
 	else if (isSVG) el.setAttribute("class", value);
 	else el.className = value;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/directives/vShow.ts
 const vShowOriginalDisplay = Symbol("_vod");
@@ -5795,11 +5721,9 @@ function initVShowForSSR() {
 		if (!value) return { style: { display: "none" } };
 	};
 }
-
 //#endregion
 //#region packages/runtime-dom/src/helpers/useCssVars.ts
 const CSS_VAR_TEXT = Symbol("CSS_VAR_TEXT");
-
 //#endregion
 //#region packages/runtime-dom/src/modules/style.ts
 const displayRE = /(?:^|;)\s*display\s*:/;
@@ -5864,7 +5788,6 @@ function autoPrefix(style, rawName) {
 	}
 	return rawName;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/attrs.ts
 const xlinkNS = "http://www.w3.org/1999/xlink";
@@ -5874,7 +5797,6 @@ function patchAttr(el, key, value, isSVG, instance, isBoolean = isSpecialBoolean
 	else if (value == null || isBoolean && !includeBooleanAttr(value)) el.removeAttribute(key);
 	else el.setAttribute(key, isBoolean ? "" : isSymbol(value) ? String(value) : value);
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/props.ts
 function patchDOMProp(el, key, value, parentComponent, attrName) {
@@ -5910,7 +5832,6 @@ function patchDOMProp(el, key, value, parentComponent, attrName) {
 	}
 	needRemove && el.removeAttribute(attrName || key);
 }
-
 //#endregion
 //#region packages/runtime-dom/src/modules/events.ts
 function addEventListener(el, event, handler, options) {
@@ -5974,7 +5895,6 @@ function patchStopImmediatePropagation(e, value) {
 		return value.map((fn) => (e) => !e._stopped && fn && fn(e));
 	} else return value;
 }
-
 //#endregion
 //#region packages/runtime-dom/src/patchProp.ts
 const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) => {
@@ -5986,7 +5906,7 @@ const patchProp = (el, key, prevValue, nextValue, namespace, parentComponent) =>
 	} else if (key[0] === "." ? (key = key.slice(1), true) : key[0] === "^" ? (key = key.slice(1), false) : shouldSetAsProp(el, key, nextValue, isSVG)) {
 		patchDOMProp(el, key, nextValue, parentComponent);
 		if (!el.tagName.includes("-") && (key === "value" || key === "checked" || key === "selected")) patchAttr(el, key, nextValue, isSVG, parentComponent, key !== "value");
-	} else if (el._isVueCE && (/[A-Z]/.test(key) || !isString(nextValue))) patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
+	} else if (el._isVueCE && (shouldSetAsPropForVueCE(el, key) || el._def.__asyncLoader && (/[A-Z]/.test(key) || !isString(nextValue)))) patchDOMProp(el, camelize(key), nextValue, parentComponent, key);
 	else {
 		if (key === "true-value") el._trueValue = nextValue;
 		else if (key === "false-value") el._falseValue = nextValue;
@@ -6003,7 +5923,12 @@ function shouldSetAsProp(el, key, value, isSVG) {
 	if (isNativeOn(key) && isString(value)) return false;
 	return key in el;
 }
-
+function shouldSetAsPropForVueCE(el, key) {
+	const props = el._def.props;
+	if (!props) return false;
+	const camelKey = camelize(key);
+	return Array.isArray(props) ? props.some((prop) => camelize(prop) === camelKey) : Object.keys(props).some((prop) => camelize(prop) === camelKey);
+}
 //#endregion
 //#region packages/runtime-dom/src/directives/vModel.ts
 const getModelAssigner = (vnode) => {
@@ -6064,7 +5989,8 @@ const vModelTextUpdate = (el, oldValue, value, trim, number, lazy) => {
 	const elValue = (number || el.type === "number") && !/^0\d/.test(el.value) ? looseToNumber(el.value) : el.value;
 	const newValue = value == null ? "" : value;
 	if (elValue === newValue) return;
-	if (document.activeElement === el && el.type !== "range") {
+	const rootNode = el.getRootNode();
+	if ((rootNode instanceof Document || rootNode instanceof ShadowRoot) && rootNode.activeElement === el && el.type !== "range") {
 		if (lazy && value === oldValue) return;
 		if (trim && el.value.trim() === newValue) return;
 	}
@@ -6253,7 +6179,6 @@ function initVModelForSSR() {
 		if (modelToUse.getSSRProps) return modelToUse.getSSRProps(binding, vnode);
 	};
 }
-
 //#endregion
 //#region packages/runtime-dom/src/index.ts
 const rendererOptions = /* @__PURE__ */ extend({ patchProp }, nodeOps);
@@ -6338,7 +6263,6 @@ const initDirectivesForSSR = () => {
 		initVShowForSSR();
 	}
 };
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderAttrs.ts
 const shouldIgnoreProp = /* @__PURE__ */ makeMap(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
@@ -6387,13 +6311,11 @@ function ssrResetCssVars(raw) {
 	}
 	return raw;
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderComponent.ts
 function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
 	return renderComponentVNode(createVNode(comp, props, children), parentComponent, slotScopeId);
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderSlot.ts
 const { ensureValidVNode } = ssrUtils;
@@ -6445,7 +6367,6 @@ function isComment(item) {
 	if (item.length <= 8) return true;
 	return !item.replace(commentRE, "").trim();
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderTeleport.ts
 function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
@@ -6468,20 +6389,18 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
 	targetBuffer.splice(bufferIndex, 0, teleportContent);
 	parentPush("<!--teleport end-->");
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrInterpolate.ts
 function ssrInterpolate(value) {
 	return escapeHtml(toDisplayString(value));
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderList.ts
 function ssrRenderList(source, renderItem) {
 	if (isArray(source) || isString(source)) for (let i = 0, l = source.length; i < l; i++) renderItem(source[i], i);
 	else if (typeof source === "number") {
-		if (!Number.isInteger(source)) {
-			warn(`The v-for range expect an integer value but got ${source}.`);
+		if (!Number.isInteger(source) || source < 0) {
+			warn(`The v-for range expects a positive integer value but got ${source}.`);
 			return;
 		}
 		for (let i = 0; i < source; i++) renderItem(i + 1, i);
@@ -6496,14 +6415,12 @@ function ssrRenderList(source, renderItem) {
 		}
 	}
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderSuspense.ts
 async function ssrRenderSuspense(push, { default: renderContent }) {
 	if (renderContent) renderContent();
 	else push(`<!---->`);
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrGetDirectiveProps.ts
 function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
@@ -6517,7 +6434,6 @@ function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
 	}, null) || {};
 	return {};
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrVModelHelpers.ts
 const ssrLooseEqual = looseEqual;
@@ -6539,16 +6455,34 @@ function ssrGetDynamicModelProps(existingProps = {}, model) {
 		default: return { value: model };
 	}
 }
-
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrCompile.ts
 function ssrCompile(template, instance) {
 	throw new Error("On-the-fly template compilation is not supported in the ESM build of @vue/server-renderer. All templates must be pre-compiled into render functions.");
 }
-
 //#endregion
 //#region packages/server-renderer/src/render.ts
 const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, normalizeVNode, pushWarningContext, popWarningContext } = ssrUtils;
+function cleanupContext(context) {
+	let firstError;
+	if (context.__watcherHandles) {
+		for (const unwatch of context.__watcherHandles) try {
+			unwatch();
+		} catch (err) {
+			if (firstError === void 0) firstError = err;
+		}
+		context.__watcherHandles.length = 0;
+	}
+	if (context.__instanceScopes) {
+		for (const scope of context.__instanceScopes) try {
+			scope.stop();
+		} catch (err) {
+			if (firstError === void 0) firstError = err;
+		}
+		context.__instanceScopes.length = 0;
+	}
+	if (firstError !== void 0) throw firstError;
+}
 function createBuffer() {
 	let appendable = false;
 	const buffer = [];
@@ -6570,6 +6504,8 @@ function createBuffer() {
 }
 function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
 	const instance = vnode.component = createComponentInstance(vnode, parentComponent, null);
+	const context = instance.appContext.provides[ssrContextKey];
+	if (context) (context.__instanceScopes || (context.__instanceScopes = [])).push(instance.scope);
 	pushWarningContext(vnode);
 	const res = setupComponent(instance, true);
 	popWarningContext();
@@ -6723,7 +6659,6 @@ function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
 		renderVNodeChildren(push, vnode.children, parentComponent, slotScopeId);
 	}, target, disabled || disabled === "", parentComponent);
 }
-
 //#endregion
 //#region packages/server-renderer/src/renderToString.ts
 const { isVNode: isVNode$1 } = ssrUtils;
@@ -6766,10 +6701,13 @@ async function renderToString(input, context = {}) {
 	const vnode = createVNode(input._component, input._props);
 	vnode.appContext = input._context;
 	input.provide(ssrContextKey, context);
-	const result = await unrollBuffer$1(await renderComponentVNode(vnode));
-	await resolveTeleports(context);
-	if (context.__watcherHandles) for (const unwatch of context.__watcherHandles) unwatch();
-	return result;
+	try {
+		const result = await unrollBuffer$1(await renderComponentVNode(vnode));
+		await resolveTeleports(context);
+		return result;
+	} finally {
+		cleanupContext(context);
+	}
 }
 async function resolveTeleports(context) {
 	if (context.__teleportBuffers) {
@@ -6777,7 +6715,6 @@ async function resolveTeleports(context) {
 		for (const key in context.__teleportBuffers) context.teleports[key] = await unrollBuffer$1(await Promise.all([context.__teleportBuffers[key]]));
 	}
 }
-
 //#endregion
 //#region packages/server-renderer/src/renderToStream.ts
 const { isVNode } = ssrUtils;
@@ -6792,7 +6729,7 @@ async function unrollBuffer(buffer, stream) {
 }
 function unrollBufferSync(buffer, stream) {
 	for (let i = 0; i < buffer.length; i++) {
-		let item = buffer[i];
+		const item = buffer[i];
 		if (isString(item)) stream.push(item);
 		else unrollBufferSync(item, stream);
 	}
@@ -6802,9 +6739,19 @@ function renderToSimpleStream(input, context, stream) {
 	const vnode = createVNode(input._component, input._props);
 	vnode.appContext = input._context;
 	input.provide(ssrContextKey, context);
-	Promise.resolve(renderComponentVNode(vnode)).then((buffer) => unrollBuffer(buffer, stream)).then(() => resolveTeleports(context)).then(() => {
-		if (context.__watcherHandles) for (const unwatch of context.__watcherHandles) unwatch();
-	}).then(() => stream.push(null)).catch((error) => {
+	let cleaned = false;
+	const finalize = () => {
+		if (cleaned) return;
+		cleaned = true;
+		cleanupContext(context);
+	};
+	Promise.resolve().then(() => renderComponentVNode(vnode)).then((buffer) => unrollBuffer(buffer, stream)).then(() => resolveTeleports(context)).then(() => {
+		finalize();
+		return stream.push(null);
+	}).catch((error) => {
+		try {
+			finalize();
+		} catch {}
 		stream.destroy(error);
 	});
 	return stream;
@@ -6871,10 +6818,8 @@ function pipeToWebWritable(input, context = {}, writable) {
 		}
 	});
 }
-
 //#endregion
 //#region packages/server-renderer/src/index.ts
 initDirectivesForSSR();
-
 //#endregion
-export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDirectiveProps, ssrGetDynamicModelProps, includeBooleanAttr as ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderSlotInner, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };
+export { pipeToNodeWritable, pipeToWebWritable, renderToNodeStream, renderToSimpleStream, renderToStream, renderToString, renderToWebStream, ssrGetDirectiveProps, ssrGetDynamicModelProps, includeBooleanAttr as ssrIncludeBooleanAttr, ssrInterpolate, ssrLooseContain, ssrLooseEqual, ssrRenderAttr, ssrRenderAttrs, ssrRenderClass, ssrRenderComponent, ssrRenderDynamicAttr, ssrRenderDynamicModel, ssrRenderList, ssrRenderSlot, ssrRenderSlotInner, ssrRenderStyle, ssrRenderSuspense, ssrRenderTeleport, renderVNode as ssrRenderVNode };