@vue/runtime-dom 3.6.0-rc.2 → 3.6.0-rc.4

package/dist/runtime-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.2
+  * @vue/runtime-dom v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -635,7 +635,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		if (!this._instance) if (this._resolved) this._mountComponent(this._def);
 		else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
 			this._pendingResolve = void 0;
-			this._resolveDef();
+			if (this.isConnected) return this._resolveDef();
 		});
 		else this._resolveDef();
 	}
@@ -671,7 +671,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* resolve inner component definition (handle possible async component)
 	*/
 	_resolveDef() {
-		if (this._pendingResolve) return;
+		if (this._pendingResolve) return this._pendingResolve;
 		for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 		this._ob = new MutationObserver(this._processMutations.bind(this));
 		this._ob.observe(this, { attributes: true });
@@ -701,6 +701,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				this._def = def;
 				resolve(def);
 			});
+			return this._pendingResolve;
 		} else resolve(this._def);
 	}
 	_mountComponent(def) {
@@ -739,14 +740,17 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		const { props } = def;
 		const declaredPropKeys = (0, _vue_shared.isArray)(props) ? props : Object.keys(props || {});
 		for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-		for (const key of declaredPropKeys.map(_vue_shared.camelize)) Object.defineProperty(this, key, {
-			get() {
-				return this._getProp(key);
-			},
-			set(val) {
-				this._setProp(key, val, true, !this._patching);
-			}
-		});
+		for (const key of declaredPropKeys.map(_vue_shared.camelize)) {
+			if (key in Object.getPrototypeOf(this)) (0, _vue_runtime_core.warn)(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+			Object.defineProperty(this, key, {
+				get() {
+					return this._getProp(key);
+				},
+				set(val) {
+					this._setProp(key, val, true, !this._patching);
+				}
+			});
+		}
 	}
 	_setAttr(key) {
 		if (key.startsWith("data-v-")) return;
@@ -1162,13 +1166,22 @@ function onCompositionEnd(e) {
 	}
 }
 const assignKey = Symbol("_assign");
+const initialValueKey = Symbol("_initialValue");
 const vModelText = {
 	created(el, { modifiers: { lazy, trim, number } }, vnode) {
+		if (el.parentNode) {
+			if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+			else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+		}
 		el[assignKey] = getModelAssigner(vnode);
 		vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 	},
-	mounted(el, { value }) {
-		el.value = value == null ? "" : value;
+	mounted(el, { value, modifiers: { trim, number } }) {
+		const newValue = value == null ? "" : value;
+		const initialValue = el[initialValueKey];
+		delete el[initialValueKey];
+		if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+		else el.value = newValue;
 	},
 	beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 		el[assignKey] = getModelAssigner(vnode);

package/dist/runtime-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.2
+  * @vue/runtime-dom v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -622,7 +622,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		if (!this._instance) if (this._resolved) this._mountComponent(this._def);
 		else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
 			this._pendingResolve = void 0;
-			this._resolveDef();
+			if (this.isConnected) return this._resolveDef();
 		});
 		else this._resolveDef();
 	}
@@ -658,7 +658,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* resolve inner component definition (handle possible async component)
 	*/
 	_resolveDef() {
-		if (this._pendingResolve) return;
+		if (this._pendingResolve) return this._pendingResolve;
 		for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 		this._ob = new MutationObserver(this._processMutations.bind(this));
 		this._ob.observe(this, { attributes: true });
@@ -687,6 +687,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				this._def = def;
 				resolve(def);
 			});
+			return this._pendingResolve;
 		} else resolve(this._def);
 	}
 	_mountComponent(def) {
@@ -1105,13 +1106,22 @@ function onCompositionEnd(e) {
 	}
 }
 const assignKey = Symbol("_assign");
+const initialValueKey = Symbol("_initialValue");
 const vModelText = {
 	created(el, { modifiers: { lazy, trim, number } }, vnode) {
+		if (el.parentNode) {
+			if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+			else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+		}
 		el[assignKey] = getModelAssigner(vnode);
 		vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 	},
-	mounted(el, { value }) {
-		el.value = value == null ? "" : value;
+	mounted(el, { value, modifiers: { trim, number } }) {
+		const newValue = value == null ? "" : value;
+		const initialValue = el[initialValueKey];
+		delete el[initialValueKey];
+		if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+		else el.value = newValue;
 	},
 	beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 		el[assignKey] = getModelAssigner(vnode);

package/dist/runtime-dom.d.ts

@@ -87,8 +87,10 @@ type VOnDirective = Directive<any, any, VOnModifiers>;
 //#region temp/packages/runtime-dom/src/directives/vModel.d.ts
 type AssignerFn = (value: any) => void;
 declare const assignKey: unique symbol;
+declare const initialValueKey: unique symbol;
 type ModelDirective<T, Modifiers extends string = string> = ObjectDirective<T & {
   [assignKey]: AssignerFn;
+  [initialValueKey]?: string;
   _assigning?: boolean;
 }, any, Modifiers>;
 export declare const vModelText: ModelDirective<HTMLInputElement | HTMLTextAreaElement, "trim" | "number" | "lazy">;

package/dist/runtime-dom.esm-browser.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/runtime-dom v3.6.0-rc.2
+  * @vue/runtime-dom v3.6.0-rc.4
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -228,7 +228,7 @@ const isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
 /**
 * The full list is needed during SSR to produce the correct initial markup.
 */
-const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
+const isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + ",async,autofocus,autoplay,controls,default,defer,disabled,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected");
 /**
 * Boolean attributes should be included if the value is truthy or ''.
 * e.g. `<select multiple>` compiles to `{ multiple: '' }`
@@ -2510,7 +2510,7 @@ function queueFlush() {
 function queuePostFlushCb(jobs, id = Infinity) {
 	if (!isArray(jobs)) if (activePostJobs && id === -1) activePostJobs.splice(postFlushIndex, 0, jobs);
 	else queueJobWorker(jobs, id, postJobs, postJobs.length, 0);
-	else for (const job of jobs) queueJobWorker(job, id, postJobs, postJobs.length, 0);
+	else for (let i = 0; i < jobs.length; i++) queueJobWorker(jobs[i], id, postJobs, postJobs.length, 0);
 	queueFlush();
 }
 function flushPreFlushCbs(instance, seen) {
@@ -2531,7 +2531,7 @@ function flushPreFlushCbs(instance, seen) {
 function flushPostFlushCbs(seen) {
 	if (postJobs.length) {
 		if (activePostJobs) {
-			activePostJobs.push(...postJobs);
+			for (let i = 0; i < postJobs.length; i++) activePostJobs.push(postJobs[i]);
 			postJobs.length = 0;
 			return;
 		}
@@ -3344,49 +3344,16 @@ const BaseTransitionImpl = {
 	setup(props, { slots }) {
 		const instance = getCurrentInstance();
 		const state = useTransitionState();
+		let resumeAfterLeave;
 		return () => {
-			const children = slots.default && getTransitionRawChildren(slots.default(), true);
-			const child = children && children.length ? findNonCommentChild(children) : instance.subTree ? createCommentVNode() : void 0;
+			const child = resolveTransitionChild(slots.default && slots.default(), !!instance.subTree);
 			if (!child) return;
 			const rawProps = /* @__PURE__ */ toRaw(props);
 			const { mode } = rawProps;
 			checkTransitionMode(mode);
-			if (state.isLeaving) return emptyPlaceholder(child);
-			const innerChild = getInnerChild$1(child);
-			if (!innerChild) return emptyPlaceholder(child);
-			let enterHooks = resolveTransitionHooks(innerChild, rawProps, state, instance, (hooks) => enterHooks = hooks);
-			if (innerChild.type !== Comment) setTransitionHooks(innerChild, enterHooks);
-			let oldInnerChild = instance.subTree && getInnerChild$1(instance.subTree);
-			if (oldInnerChild && oldInnerChild.type !== Comment && !isSameVNodeType(oldInnerChild, innerChild) && recursiveGetSubtree(instance).type !== Comment) {
-				let leavingHooks = resolveTransitionHooks(oldInnerChild, rawProps, state, instance);
-				setTransitionHooks(oldInnerChild, leavingHooks);
-				if (mode === "out-in" && innerChild.type !== Comment) {
-					state.isLeaving = true;
-					leavingHooks.afterLeave = () => {
-						state.isLeaving = false;
-						if (!(instance.job.flags & 4)) instance.update();
-						delete leavingHooks.afterLeave;
-						oldInnerChild = void 0;
-					};
-					return emptyPlaceholder(child);
-				} else if (mode === "in-out" && innerChild.type !== Comment) leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
-					const leavingVNodesCache = getLeavingNodesForType(state, oldInnerChild);
-					leavingVNodesCache[String(oldInnerChild.key)] = oldInnerChild;
-					el[leaveCbKey] = () => {
-						earlyRemove();
-						el[leaveCbKey] = void 0;
-						delete enterHooks.delayedLeave;
-						oldInnerChild = void 0;
-					};
-					enterHooks.delayedLeave = () => {
-						delayedLeave();
-						delete enterHooks.delayedLeave;
-						oldInnerChild = void 0;
-					};
-				};
-				else oldInnerChild = void 0;
-			} else if (oldInnerChild) oldInnerChild = void 0;
-			return child;
+			return prepareTransitionSwitch(instance.subTree, child, rawProps, state, instance, mode === "out-in" ? resumeAfterLeave || (resumeAfterLeave = () => {
+				if (!(instance.job.flags & 4)) instance.update();
+			}) : NOOP);
 		};
 	}
 };
@@ -3528,15 +3495,91 @@ function getInnerChild$1(vnode) {
 		if (shapeFlag & 32 && isFunction(children.default)) return children.default();
 	}
 }
+function resolveTransitionChild(children, renderEmpty = false) {
+	const branches = children && getTransitionRawChildren(children, true);
+	return branches && branches.length ? findNonCommentChild(branches) : renderEmpty ? createCommentVNode() : void 0;
+}
+/**
+* @internal
+*/
+function prepareTransitionSwitch(previous, next, props, state, instance, resumeAfterLeave, delayedLeaveSource) {
+	if (state.isLeaving) return emptyPlaceholder(next);
+	const nextInner = getInnerChild$1(next);
+	if (!nextInner) return emptyPlaceholder(next);
+	let enterHooks = resolveTransitionHooks(nextInner, props, state, instance, (hooks) => {
+		if (delayedLeaveSource) forwardDelayedLeave(hooks, delayedLeaveSource);
+		enterHooks = hooks;
+	});
+	if (delayedLeaveSource) forwardDelayedLeave(enterHooks, delayedLeaveSource);
+	if (nextInner.type !== Comment) setTransitionHooks(nextInner, enterHooks);
+	const mode = props.mode;
+	const previousInner = previous && getInnerChild$1(previous);
+	if (previous && previousInner && previousInner.type !== Comment && !isSameVNodeType(previousInner, nextInner) && (!previous.component || recursiveGetSubtree(previous.component).type !== Comment)) {
+		const leavingHooks = prepareLeavingTransitionHooks(previousInner, props, state, instance);
+		if (nextInner.type !== Comment && (mode === "out-in" || mode === "in-out") && applyTransitionModeSwitch(previousInner, leavingHooks, mode === "in-out" ? () => enterHooks : void 0, props, state, resumeAfterLeave)) return emptyPlaceholder(next);
+	}
+	return next;
+}
+function forwardDelayedLeave(hooks, source) {
+	const delayedLeave = source && source.delayedLeave;
+	if (!delayedLeave) return;
+	hooks.delayedLeave = () => {
+		if (source.delayedLeave === delayedLeave) delayedLeave();
+		delete hooks.delayedLeave;
+	};
+}
+function prepareLeavingTransitionHooks(previousInner, props, state, instance) {
+	return setTransitionHooks(previousInner, resolveTransitionHooks(previousInner, props, state, instance));
+}
+function applyTransitionModeSwitch(leavingVNode, leavingHooks, getEnterHooks, props, state, resumeAfterLeave) {
+	if (props.mode === "out-in") {
+		state.isLeaving = true;
+		leavingHooks.afterLeave = () => {
+			state.isLeaving = false;
+			resumeAfterLeave();
+			delete leavingHooks.afterLeave;
+		};
+		return true;
+	} else if (props.mode === "in-out" && getEnterHooks) {
+		let delayedLeavingVNode = leavingVNode;
+		leavingHooks.delayLeave = (el, earlyRemove, delayedLeave) => {
+			const enterHooks = getEnterHooks();
+			if (!enterHooks) {
+				delayedLeave();
+				return;
+			}
+			const vnode = delayedLeavingVNode;
+			const leavingVNodesCache = getLeavingNodesForType(state, vnode);
+			leavingVNodesCache[String(vnode.key)] = vnode;
+			el[leaveCbKey] = () => {
+				earlyRemove();
+				el[leaveCbKey] = void 0;
+				delete enterHooks.delayedLeave;
+				delayedLeavingVNode = void 0;
+			};
+			enterHooks.delayedLeave = () => {
+				delayedLeave();
+				delete enterHooks.delayedLeave;
+				delayedLeavingVNode = void 0;
+			};
+		};
+	}
+	return false;
+}
 function setTransitionHooks(vnode, hooks) {
 	if (vnode.shapeFlag & 6 && vnode.component) {
 		vnode.transition = hooks;
 		if (isVaporComponent(vnode.type)) getVaporInterface(vnode.component, vnode).setTransitionHooks(vnode.component, hooks);
-		else setTransitionHooks(vnode.component.subTree, hooks);
+		else {
+			const subTree = vnode.component.subTree;
+			return setTransitionHooks(isTeleport(subTree.type) ? getInnerChild$1(subTree) || subTree : subTree, hooks);
+		}
 	} else if (vnode.shapeFlag & 128) {
-		vnode.ssContent.transition = hooks.clone(vnode.ssContent);
-		vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+		const contentHooks = vnode.ssContent.transition = hooks.clone(vnode.ssContent);
+		const fallbackHooks = vnode.ssFallback.transition = hooks.clone(vnode.ssFallback);
+		return vnode.suspense && vnode.suspense.activeBranch === vnode.ssFallback ? fallbackHooks : contentHooks;
 	} else vnode.transition = hooks;
+	return hooks;
 }
 function getTransitionRawChildren(children, keepComment = false, parentKey) {
 	let ret = [];
@@ -3888,7 +3931,10 @@ function createHydrationFunctions(rendererInternals) {
 				const namespace = el.namespaceURI.includes("svg") ? "svg" : el.namespaceURI.includes("MathML") ? "mathml" : void 0;
 				for (const key in props) {
 					if (!(dirs && dirs.some((d) => d.dir.created)) && propHasMismatch(el, key, props[key], vnode, parentComponent)) logMismatchError();
-					if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) patchProp(el, key, null, props[key], namespace, parentComponent);
+					if (forcePatch && (key.endsWith("value") || key === "indeterminate") || isOn(key) && !isReservedProp(key) || key[0] === "." || isCustomElement && !isReservedProp(key) || dynamicProps && dynamicProps.includes(key)) {
+						if (isUnchangedResourceProp(el, key, props[key])) continue;
+						patchProp(el, key, null, props[key], namespace, parentComponent);
+					}
 				}
 			}
 			let vnodeHooks;
@@ -3997,6 +4043,16 @@ const isTemplateNode = (node) => {
 /**
 * Dev only
 */
+const resourceProps = /* @__PURE__ */ new Set([
+	"src",
+	"srcset",
+	"href",
+	"poster"
+]);
+function isUnchangedResourceProp(el, key, clientValue) {
+	if (!resourceProps.has(key)) return false;
+	return el.getAttribute(key) === (clientValue == null ? null : `${clientValue}`);
+}
 function propHasMismatch(el, key, clientValue, vnode, instance) {
 	let mismatchType;
 	let mismatchKey;
@@ -4037,7 +4093,10 @@ function propHasMismatch(el, key, clientValue, vnode, instance) {
 function getAttributeMismatch(el, key, clientValue) {
 	let actual;
 	let expected;
-	if (isBooleanAttr(key)) {
+	if (key === "hidden") {
+		actual = normalizeHiddenValue(el.getAttribute(key));
+		expected = normalizeHiddenValue(clientValue);
+	} else if (isBooleanAttr(key)) {
 		actual = el.hasAttribute(key);
 		expected = includeBooleanAttr(clientValue);
 	} else if (clientValue == null) {
@@ -4065,6 +4124,11 @@ function warnPropMismatch(el, mismatchKey, mismatchType, actual, expected) {
 	}
 	return false;
 }
+function normalizeHiddenValue(value) {
+	if (!isRenderableAttrValue(value)) return false;
+	if (isString(value)) return value.toLowerCase() === "until-found" ? "until-found" : "";
+	return includeBooleanAttr(value) ? "" : false;
+}
 function toClassSet(str) {
 	return new Set(str.trim().split(/\s+/));
 }
@@ -4725,7 +4789,8 @@ function createSlots(slots, dynamicSlots) {
 * Compiler runtime helper for rendering `<slot/>`
 * @private
 */
-function renderSlot(slots, name, props = {}, fallback, noSlotted, branchKey) {
+function renderSlot(slots, name, props, fallback, noSlotted, branchKey) {
+	if (props == null) props = {};
 	let slot = slots[name];
 	if (fallback) fallback.__vdom = true;
 	const vaporSlot = slot && (slot.__vs || (slot.__vapor ? slot : null));
@@ -5778,8 +5843,9 @@ function renderComponentRoot(instance) {
 		root.dirs = root.dirs ? root.dirs.concat(vnode.dirs) : vnode.dirs;
 	}
 	if (vnode.transition) {
-		if (!isElementRoot(root)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
-		setTransitionHooks(root, vnode.transition);
+		const child = isTeleport(root.type) ? getInnerChild$1(root) || root : root;
+		if (!isElementRoot(child)) warn$1("Component inside <Transition> renders non-element root node that cannot be animated.");
+		setTransitionHooks(child, vnode.transition);
 	}
 	if (setRoot) setRoot(root);
 	else result = root;
@@ -5839,9 +5905,10 @@ function filterSingleRoot(children, recurse = true) {
 	}
 	return singleRoot;
 }
+const isFunctionalFallthroughKey = (key) => key === "class" || key === "style" || isOn(key);
 const getFunctionalFallthrough = (attrs) => {
 	let res;
-	for (const key in attrs) if (key === "class" || key === "style" || isOn(key)) (res || (res = {}))[key] = attrs[key];
+	for (const key in attrs) if (isFunctionalFallthroughKey(key)) (res || (res = {}))[key] = attrs[key];
 	return res;
 };
 const filterModelListeners = (attrs, props) => {
@@ -7326,6 +7393,10 @@ function patchSuspense(n1, n2, container, anchor, parentComponent, namespace, sl
 				suspense.activeBranch = pendingBranch;
 			} else unmount(pendingBranch, parentComponent, suspense);
 			suspense.deps = 0;
+			for (let i = 0; i < suspense.effects.length; i++) {
+				const effect = suspense.effects[i];
+				if (effect.flags & 8) queuePostFlushCb(effect);
+			}
 			suspense.effects.length = 0;
 			suspense.hiddenContainer = createElement("div");
 			if (isInFallback) {
@@ -7433,7 +7504,7 @@ function createSuspenseBoundary(vnode, parentSuspense, parentComponent, containe
 			let hasUnresolvedAncestor = false;
 			while (parent) {
 				if (parent.pendingBranch) {
-					parent.effects.push(...effects);
+					for (let i = 0; i < effects.length; i++) parent.effects.push(effects[i]);
 					hasUnresolvedAncestor = true;
 					break;
 				}
@@ -7703,9 +7774,24 @@ 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 (props && vnode.shapeFlag & 1) {
+		const overwritingProp = props.innerHTML != null ? "innerHTML" : props.textContent != null ? "textContent" : null;
+		if (overwritingProp && hasContentChildren(vnode.children)) warn$1(`The \`${overwritingProp}\` prop on <${vnode.type}> will override its children. Remove either the \`${overwritingProp}\` prop or the children.`);
+	}
 	if (isBlockTreeEnabled > 0 && !isBlockNode && currentBlock && (vnode.patchFlag > 0 || shapeFlag & 6) && vnode.patchFlag !== 32) currentBlock.push(vnode);
 	return vnode;
 }
+/**
+* dev only
+* Whether children would actually render something. Empty text and empty
+* arrays are ignored, mirroring the compiler's `node.children.length` check
+* for `v-html` / `v-text`.
+*/
+function hasContentChildren(children) {
+	if (isString(children)) return children !== "";
+	if (isArray(children)) return children.length > 0;
+	return false;
+}
 const createVNode = createVNodeWithArgsTransform;
 function _createVNode(type, props = null, children = null, patchFlag = 0, dynamicProps = null, isBlockNode = false) {
 	if (!type || type === NULL_DYNAMIC_COMPONENT) {
@@ -8094,7 +8180,12 @@ function setupStatefulComponent(instance, isSSR) {
 			};
 			setupResult.then(unsetCurrentInstance, unsetCurrentInstance);
 			if (isSSR) return setupResult.then((resolvedResult) => {
-				handleSetupResult(instance, resolvedResult, isSSR);
+				setInSSRSetupState(true);
+				try {
+					handleSetupResult(instance, resolvedResult, isSSR);
+				} finally {
+					setInSSRSetupState(false);
+				}
 			}).catch((e) => {
 				handleError(e, instance, 0);
 			});
@@ -8465,7 +8556,7 @@ function isMemoSame(cached, memo) {
 }
 //#endregion
 //#region packages/runtime-core/src/index.ts
-const version = "3.6.0-rc.2";
+const version = "3.6.0-rc.4";
 const warn = warn$1;
 /**
 * Runtime error messages. Only exposed in dev or esm builds.
@@ -9186,7 +9277,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		if (!this._instance) if (this._resolved) this._mountComponent(this._def);
 		else if (parent && parent._pendingResolve) this._pendingResolve = parent._pendingResolve.then(() => {
 			this._pendingResolve = void 0;
-			this._resolveDef();
+			if (this.isConnected) return this._resolveDef();
 		});
 		else this._resolveDef();
 	}
@@ -9222,7 +9313,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 	* resolve inner component definition (handle possible async component)
 	*/
 	_resolveDef() {
-		if (this._pendingResolve) return;
+		if (this._pendingResolve) return this._pendingResolve;
 		for (let i = 0; i < this.attributes.length; i++) this._setAttr(this.attributes[i].name);
 		this._ob = new MutationObserver(this._processMutations.bind(this));
 		this._ob.observe(this, { attributes: true });
@@ -9252,6 +9343,7 @@ var VueElementBase = class VueElementBase extends BaseClass {
 				this._def = def;
 				resolve(def);
 			});
+			return this._pendingResolve;
 		} else resolve(this._def);
 	}
 	_mountComponent(def) {
@@ -9290,14 +9382,17 @@ var VueElementBase = class VueElementBase extends BaseClass {
 		const { props } = def;
 		const declaredPropKeys = isArray(props) ? props : Object.keys(props || {});
 		for (const key of Object.keys(this)) if (key[0] !== "_" && declaredPropKeys.includes(key)) this._setProp(key, this[key]);
-		for (const key of declaredPropKeys.map(camelize)) Object.defineProperty(this, key, {
-			get() {
-				return this._getProp(key);
-			},
-			set(val) {
-				this._setProp(key, val, true, !this._patching);
-			}
-		});
+		for (const key of declaredPropKeys.map(camelize)) {
+			if (key in Object.getPrototypeOf(this)) warn(`Custom element prop "${key}" conflicts with an existing property on the element and will overwrite it.`);
+			Object.defineProperty(this, key, {
+				get() {
+					return this._getProp(key);
+				},
+				set(val) {
+					this._setProp(key, val, true, !this._patching);
+				}
+			});
+		}
 	}
 	_setAttr(key) {
 		if (key.startsWith("data-v-")) return;
@@ -9713,13 +9808,22 @@ function onCompositionEnd(e) {
 	}
 }
 const assignKey = Symbol("_assign");
+const initialValueKey = Symbol("_initialValue");
 const vModelText = {
 	created(el, { modifiers: { lazy, trim, number } }, vnode) {
+		if (el.parentNode) {
+			if (el.type === "text") el[initialValueKey] = el.defaultValue.replace(/[\r\n]/g, "");
+			else if (el.type === "textarea") el[initialValueKey] = el.defaultValue.replace(/\r\n?/g, "\n");
+		}
 		el[assignKey] = getModelAssigner(vnode);
 		vModelTextInit(el, trim, number || !!(vnode.props && vnode.props.type === "number"), lazy);
 	},
-	mounted(el, { value }) {
-		el.value = value == null ? "" : value;
+	mounted(el, { value, modifiers: { trim, number } }) {
+		const newValue = value == null ? "" : value;
+		const initialValue = el[initialValueKey];
+		delete el[initialValueKey];
+		if (initialValue !== void 0 && (el.type === "text" || el.type === "textarea") && el.value !== initialValue) el[assignKey](castValue(el.value, trim, number));
+		else el.value = newValue;
 	},
 	beforeUpdate(el, { value, oldValue, modifiers: { lazy, trim, number } }, vnode) {
 		el[assignKey] = getModelAssigner(vnode);