@vue/server-renderer 3.6.0-beta.9 → 3.6.0-rc.10

package/dist/server-renderer.cjs.js

@@ -1,5 +1,5 @@
 /**
-  * @vue/server-renderer v3.6.0-beta.9
+  * @vue/server-renderer v3.6.0-rc.10
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -33,17 +33,17 @@ var __copyProps = (to, from, except, desc) => {
 	}
 	return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule || !__hasOwnProp.call(mod, "default") ? __defProp(target, "default", {
 	value: mod,
 	enumerable: true
 }) : target, mod));
 //#endregion
-let vue = require("vue");
-vue = __toESM(vue);
+let _vue_runtime_dom = require("@vue/runtime-dom");
+_vue_runtime_dom = __toESM(_vue_runtime_dom);
 let _vue_shared = require("@vue/shared");
 let _vue_compiler_ssr = require("@vue/compiler-ssr");
 //#region packages/server-renderer/src/helpers/ssrRenderAttrs.ts
-const shouldIgnoreProp = /* @__PURE__ */ (0, _vue_shared.makeMap)(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
+const shouldIgnoreProp = /*@__PURE__*/ (0, _vue_shared.makeMap)(`,key,ref,innerHTML,textContent,ref_key,ref_for`);
 function ssrRenderAttrs(props, tag) {
 	let ret = "";
 	for (let key in props) {
@@ -61,7 +61,7 @@ function ssrRenderAttrs(props, tag) {
 function ssrRenderDynamicAttr(key, value, tag) {
 	if (!(0, _vue_shared.isRenderableAttrValue)(value)) return ``;
 	const attrKey = tag && (tag.indexOf("-") > 0 || (0, _vue_shared.isSVGTag)(tag)) ? key : _vue_shared.propsToAttrMap[key] || key.toLowerCase();
-	if ((0, _vue_shared.isBooleanAttr)(attrKey)) return (0, _vue_shared.includeBooleanAttr)(value) ? ` ${attrKey}` : ``;
+	if ((0, _vue_shared.isBooleanAttr)(attrKey) || attrKey === "hidden" && (typeof value === "boolean" || typeof value === "number")) return (0, _vue_shared.includeBooleanAttr)(value) ? ` ${attrKey}` : ``;
 	else if ((0, _vue_shared.isSSRSafeAttrName)(attrKey)) return value === "" ? ` ${attrKey}` : ` ${attrKey}="${(0, _vue_shared.escapeHtml)(value)}"`;
 	else {
 		console.warn(`[@vue/server-renderer] Skipped rendering unsafe attribute name: ${attrKey}`);
@@ -78,7 +78,8 @@ function ssrRenderClass(raw) {
 function ssrRenderStyle(raw) {
 	if (!raw) return "";
 	if ((0, _vue_shared.isString)(raw)) return (0, _vue_shared.escapeHtml)(raw);
-	return (0, _vue_shared.escapeHtml)((0, _vue_shared.stringifyStyle)((0, _vue_shared.normalizeStyle)(ssrResetCssVars(raw))));
+	const styles = (0, _vue_shared.normalizeStyle)(ssrResetCssVars(raw));
+	return (0, _vue_shared.escapeHtml)((0, _vue_shared.stringifyStyle)(styles));
 }
 function ssrResetCssVars(raw) {
 	if (!(0, _vue_shared.isArray)(raw) && (0, _vue_shared.isObject)(raw)) {
@@ -90,53 +91,76 @@ 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((0, vue.createVNode)(comp, props, children), parentComponent, slotScopeId);
-}
-//#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderSlot.ts
-const { ensureValidVNode } = vue.ssrUtils;
+const { ensureValidVNode, rawVaporSlotKey: rawVaporSlotKey$1 } = _vue_runtime_dom.ssrUtils;
+let vaporSlots = 0;
 function ssrRenderSlot(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId) {
-	push(`<!--[-->`);
 	ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId);
-	push(`<!--]-->`);
 }
 function ssrRenderSlotInner(slots, slotName, slotProps, fallbackRenderFn, push, parentComponent, slotScopeId, transition) {
 	const slotFn = slots[slotName];
+	let fallback = false;
 	if (slotFn) {
+		if (slotFn[rawVaporSlotKey$1]) vaporSlots++;
+		const before = vaporSlots;
 		const slotBuffer = [];
 		const bufferedPush = (item) => {
 			slotBuffer.push(item);
 		};
-		const ret = slotFn(slotProps, bufferedPush, parentComponent, slotScopeId ? " " + slotScopeId : "");
+		const ret = slotFn(slotProps || {}, bufferedPush, parentComponent, slotScopeId ? " " + slotScopeId : "");
+		let vnodes;
 		if ((0, _vue_shared.isArray)(ret)) {
-			const validSlotContent = ensureValidVNode(ret);
-			if (validSlotContent) renderVNodeChildren(push, validSlotContent, parentComponent, slotScopeId);
+			vnodes = ensureValidVNode(ret);
+			if (vnodes && isVaporSlotContent(vnodes)) {
+				renderVNodeChildren(bufferedPush, vnodes, parentComponent, slotScopeId);
+				vnodes = void 0;
+			}
+		}
+		if (vnodes !== void 0) {
+			if (!transition) {
+				fallback = !vnodes && !!fallbackRenderFn;
+				push(fallback ? `<!--(-->` : `<!--[-->`);
+			}
+			if (vnodes) renderVNodeChildren(push, vnodes, parentComponent, slotScopeId);
 			else if (fallbackRenderFn) fallbackRenderFn();
 			else if (transition) push(`<!---->`);
 		} else {
 			let isEmptySlot = true;
-			if (transition) isEmptySlot = false;
+			const owner = (0, _vue_runtime_dom.getCurrentInstance)();
+			if (transition || !(owner && owner.type.__vapor) && !fallbackRenderFn && vaporSlots !== before) isEmptySlot = false;
 			else for (let i = 0; i < slotBuffer.length; i++) if (!isComment(slotBuffer[i])) {
 				isEmptySlot = false;
 				break;
 			}
+			if (!transition) {
+				fallback = isEmptySlot && !!fallbackRenderFn;
+				push(fallback ? `<!--(-->` : `<!--[-->`);
+			}
 			if (isEmptySlot) {
 				if (fallbackRenderFn) fallbackRenderFn();
 			} else {
 				let start = 0;
 				let end = slotBuffer.length;
-				if (transition && slotBuffer[0] === "<!--[-->" && slotBuffer[end - 1] === "<!--]-->") {
-					start++;
-					end--;
+				if (transition) {
+					const first = slotBuffer[0];
+					if ((first === "<!--[-->" || first === "<!--(-->") && slotBuffer[end - 1] === (first === "<!--(-->" ? "<!--)-->" : "<!--]-->")) {
+						start++;
+						end--;
+					}
 				}
 				if (start < end) for (let i = start; i < end; i++) push(slotBuffer[i]);
 				else if (transition) push(`<!---->`);
 			}
 		}
-	} else if (fallbackRenderFn) fallbackRenderFn();
-	else if (transition) push(`<!---->`);
+	} else {
+		if (!transition) {
+			fallback = !!fallbackRenderFn;
+			push(fallback ? `<!--(-->` : `<!--[-->`);
+		}
+		if (fallbackRenderFn) fallbackRenderFn();
+		else if (transition) push(`<!---->`);
+	}
+	if (!transition) push(fallback ? `<!--)-->` : `<!--]-->`);
 }
 const commentTestRE = /^<!--[\s\S]*-->$/;
 const commentRE = /<!--[^]*?-->/gm;
@@ -146,10 +170,20 @@ function isComment(item) {
 	return !item.replace(commentRE, "").trim();
 }
 //#endregion
+//#region packages/server-renderer/src/helpers/ssrRenderComponent.ts
+function ssrRenderComponent(comp, props = null, children = null, parentComponent = null, slotScopeId) {
+	if ((0, _vue_shared.isString)(comp)) {
+		const { getBuffer, push } = createBuffer();
+		renderVNode(push, (0, _vue_runtime_dom.createVNode)(comp, props, children), parentComponent, slotScopeId);
+		return getBuffer();
+	}
+	return renderComponentVNode((0, _vue_runtime_dom.createVNode)(comp, props, children), parentComponent, slotScopeId);
+}
+//#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderTeleport.ts
 function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parentComponent) {
 	parentPush("<!--teleport start-->");
-	const context = parentComponent.appContext.provides[vue.ssrContextKey];
+	const context = parentComponent.appContext.provides[_vue_runtime_dom.ssrContextKey];
 	const teleportBuffers = context.__teleportBuffers || (context.__teleportBuffers = {});
 	const targetBuffer = teleportBuffers[target] || (teleportBuffers[target] = []);
 	const bufferIndex = targetBuffer.length;
@@ -165,6 +199,7 @@ function ssrRenderTeleport(parentPush, contentRenderFn, target, disabled, parent
 		teleportContent = getBuffer();
 	}
 	targetBuffer.splice(bufferIndex, 0, teleportContent);
+	if ((0, _vue_shared.isPromise)(teleportContent) || (0, _vue_shared.isArray)(teleportContent) && teleportContent.hasAsync) targetBuffer.hasAsync = true;
 	parentPush("<!--teleport end-->");
 }
 //#endregion
@@ -173,291 +208,31 @@ function ssrInterpolate(value) {
 	return (0, _vue_shared.escapeHtml)((0, _vue_shared.toDisplayString)(value));
 }
 //#endregion
-//#region packages/reactivity/src/system.ts
-let activeSub = void 0;
-function setActiveSub(sub) {
-	try {
-		return activeSub;
-	} finally {
-		activeSub = sub;
-	}
-}
-//#endregion
-//#region packages/reactivity/src/reactive.ts
-/**
-* Returns the raw, original object of a Vue-created proxy.
-*
-* `toRaw()` can return the original object from proxies created by
-* {@link reactive}, {@link readonly}, {@link shallowReactive} or
-* {@link shallowReadonly}.
-*
-* This is an escape hatch that can be used to temporarily read without
-* incurring proxy access / tracking overhead or write without triggering
-* changes. It is **not** recommended to hold a persistent reference to the
-* original object. Use with caution.
-*
-* @example
-* ```js
-* const foo = {}
-* const reactiveFoo = reactive(foo)
-*
-* console.log(toRaw(reactiveFoo) === foo) // true
-* ```
-*
-* @param observed - The object for which the "raw" value is requested.
-* @see {@link https://vuejs.org/api/reactivity-advanced.html#toraw}
-*/
-/* @__NO_SIDE_EFFECTS__ */
-function toRaw(observed) {
-	const raw = observed && observed["__v_raw"];
-	return raw ? /* @__PURE__ */ toRaw(raw) : observed;
-}
-//#endregion
-//#region packages/reactivity/src/ref.ts
-/* @__NO_SIDE_EFFECTS__ */
-function isRef(r) {
-	return r ? r["__v_isRef"] === true : false;
-}
-//#endregion
-//#region packages/runtime-core/src/warning.ts
-const stack = [];
-/**
-* @internal
-*/
-function pushWarningContext$1(ctx) {
-	stack.push(ctx);
-}
-/**
-* @internal
-*/
-function popWarningContext$1() {
-	stack.pop();
-}
-let isWarning = false;
-function warn$3(msg, ...args) {
-	if (isWarning) return;
-	isWarning = true;
-	const prevSub = setActiveSub();
-	const entry = stack.length ? stack[stack.length - 1] : null;
-	const instance = isVNode$2(entry) ? entry.component : entry;
-	const appWarnHandler = instance && instance.appContext.config.warnHandler;
-	const trace = getComponentTrace();
-	if (appWarnHandler) callWithErrorHandling(appWarnHandler, instance, 11, [
-		msg + args.map((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"),
-		trace
-	]);
-	else {
-		const warnArgs = [`[Vue warn]: ${msg}`, ...args];
-		if (trace.length && true)
- /* v8 ignore next 2 */
-		warnArgs.push(`\n`, ...formatTrace(trace));
-		console.warn(...warnArgs);
-	}
-	setActiveSub(prevSub);
-	isWarning = false;
-}
-function getComponentTrace() {
-	let currentCtx = stack[stack.length - 1];
-	if (!currentCtx) return [];
-	const normalizedStack = [];
-	while (currentCtx) {
-		const last = normalizedStack[0];
-		if (last && last.ctx === currentCtx) last.recurseCount++;
-		else normalizedStack.push({
-			ctx: currentCtx,
-			recurseCount: 0
-		});
-		if (isVNode$2(currentCtx)) {
-			const parent = currentCtx.component && currentCtx.component.parent;
-			currentCtx = parent && parent.vnode || parent;
-		} else currentCtx = currentCtx.parent;
-	}
-	return normalizedStack;
-}
-/* v8 ignore start */
-function formatTrace(trace) {
-	const logs = [];
-	trace.forEach((entry, i) => {
-		logs.push(...i === 0 ? [] : [`\n`], ...formatTraceEntry(entry));
-	});
-	return logs;
-}
-function formatTraceEntry({ ctx, recurseCount }) {
-	const postfix = recurseCount > 0 ? `... (${recurseCount} recursive calls)` : ``;
-	const instance = isVNode$2(ctx) ? ctx.component : ctx;
-	const isRoot = instance ? instance.parent == null : false;
-	const open = ` at <${formatComponentName(instance, ctx.type, isRoot)}`;
-	const close = `>` + postfix;
-	return ctx.props ? [
-		open,
-		...formatProps(ctx.props),
-		close
-	] : [open + close];
-}
-function formatProps(props) {
-	const res = [];
-	const keys = Object.keys(props);
-	keys.slice(0, 3).forEach((key) => {
-		res.push(...formatProp(key, props[key]));
-	});
-	if (keys.length > 3) res.push(` ...`);
-	return res;
-}
-function formatProp(key, value, raw) {
-	if ((0, _vue_shared.isString)(value)) {
-		value = JSON.stringify(value);
-		return raw ? value : [`${key}=${value}`];
-	} else if (typeof value === "number" || typeof value === "boolean" || value == null) return raw ? value : [`${key}=${value}`];
-	else if (/* @__PURE__ */ isRef(value)) {
-		value = formatProp(key, /* @__PURE__ */ toRaw(value.value), true);
-		return raw ? value : [
-			`${key}=Ref<`,
-			value,
-			`>`
-		];
-	} else if ((0, _vue_shared.isFunction)(value)) return [`${key}=fn${value.name ? `<${value.name}>` : ``}`];
-	else {
-		value = /* @__PURE__ */ toRaw(value);
-		return raw ? value : [`${key}=`, value];
-	}
-}
-/* v8 ignore stop */
-//#endregion
-//#region packages/runtime-core/src/errorHandling.ts
-const ErrorTypeStrings = {
-	["sp"]: "serverPrefetch hook",
-	["bc"]: "beforeCreate hook",
-	["c"]: "created hook",
-	["bm"]: "beforeMount hook",
-	["m"]: "mounted hook",
-	["bu"]: "beforeUpdate hook",
-	["u"]: "updated",
-	["bum"]: "beforeUnmount hook",
-	["um"]: "unmounted hook",
-	["a"]: "activated hook",
-	["da"]: "deactivated hook",
-	["ec"]: "errorCaptured hook",
-	["rtc"]: "renderTracked hook",
-	["rtg"]: "renderTriggered hook",
-	[0]: "setup function",
-	[1]: "render function",
-	[2]: "watcher getter",
-	[3]: "watcher callback",
-	[4]: "watcher cleanup function",
-	[5]: "native event handler",
-	[6]: "component event handler",
-	[7]: "vnode hook",
-	[8]: "directive hook",
-	[9]: "transition hook",
-	[10]: "app errorHandler",
-	[11]: "app warnHandler",
-	[12]: "ref function",
-	[13]: "async component loader",
-	[14]: "scheduler flush",
-	[15]: "component update",
-	[16]: "app unmount cleanup function"
-};
-function callWithErrorHandling(fn, instance, type, args) {
-	try {
-		return args ? fn(...args) : fn();
-	} catch (err) {
-		handleError(err, instance, type);
-	}
-}
-function handleError(err, instance, type, throwInDev = true) {
-	const { errorHandler, throwUnhandledErrorInProduction } = instance && instance.appContext.config || _vue_shared.EMPTY_OBJ;
-	if (instance) {
-		let cur = instance.parent;
-		const exposedInstance = instance.proxy || instance;
-		const errorInfo = ErrorTypeStrings[type];
-		while (cur) {
-			const errorCapturedHooks = cur.ec;
-			if (errorCapturedHooks) {
-				for (let i = 0; i < errorCapturedHooks.length; i++) if (errorCapturedHooks[i](err, exposedInstance, errorInfo) === false) return;
-			}
-			cur = cur.parent;
-		}
-		if (errorHandler) {
-			const prevSub = setActiveSub();
-			callWithErrorHandling(errorHandler, null, 10, [
-				err,
-				exposedInstance,
-				errorInfo
-			]);
-			setActiveSub(prevSub);
-			return;
-		}
-	}
-	logError(err, type, instance, throwInDev, throwUnhandledErrorInProduction);
-}
-function logError(err, type, instance, throwInDev = true, throwInProd = false) {
-	{
-		const info = ErrorTypeStrings[type];
-		if (instance) pushWarningContext$1(instance);
-		warn$3(`Unhandled error${info ? ` during execution of ${info}` : ``}`);
-		if (instance) popWarningContext$1();
-		if (throwInDev) throw err;
-		else console.error(err);
-	}
-}
-//#endregion
-//#region packages/runtime-core/src/vnode.ts
-function isVNode$2(value) {
-	return value ? value.__v_isVNode === true : false;
-}
-//#endregion
-//#region packages/runtime-core/src/component.ts
-const classifyRE = /(?:^|[-_])\w/g;
-const classify = (str) => str.replace(classifyRE, (c) => c.toUpperCase()).replace(/[-_]/g, "");
-function getComponentName(Component, includeInferred = true) {
-	return (0, _vue_shared.isFunction)(Component) ? Component.displayName || Component.name : Component.name || includeInferred && Component.__name;
-}
-function formatComponentName(instance, Component, isRoot = false) {
-	let name = getComponentName(Component);
-	if (!name && Component.__file) {
-		const match = Component.__file.match(/([^/\\]+)\.\w+$/);
-		if (match) name = match[1];
-	}
-	if (!name && instance) {
-		const inferFromRegistry = (registry) => {
-			for (const key in registry) if (registry[key] === Component) return key;
-		};
-		name = inferFromRegistry(instance.components) || instance.parent && inferFromRegistry(instance.parent.type.components) || inferFromRegistry(instance.appContext.components);
-	}
-	return name ? classify(name) : isRoot ? `App` : `Anonymous`;
-}
-//#endregion
-//#region packages/runtime-core/src/index.ts
-const warn$2 = warn$3;
-//#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderList.ts
 function ssrRenderList(source, renderItem) {
 	if ((0, _vue_shared.isArray)(source) || (0, _vue_shared.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) || source < 0) {
-			warn$2(`The v-for range expects a positive integer value but got ${source}.`);
+			(0, _vue_runtime_dom.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);
-	} else if ((0, _vue_shared.isObject)(source)) if (source[Symbol.iterator]) {
-		const arr = Array.from(source);
-		for (let i = 0, l = arr.length; i < l; i++) renderItem(arr[i], i);
-	} else {
-		const keys = Object.keys(source);
-		for (let i = 0, l = keys.length; i < l; i++) {
-			const key = keys[i];
-			renderItem(source[key], key, i);
+	} else if ((0, _vue_shared.isObject)(source)) {
+		if (source[Symbol.iterator]) {
+			let i = 0;
+			for (const item of source) renderItem(item, i++);
+		} else {
+			const keys = Object.keys(source);
+			for (let i = 0, l = keys.length; i < l; i++) {
+				const key = keys[i];
+				renderItem(source[key], key, i);
+			}
 		}
 	}
 }
 //#endregion
 //#region packages/server-renderer/src/helpers/ssrRenderSuspense.ts
-async function ssrRenderSuspense(push, { default: renderContent }) {
+function ssrRenderSuspense(push, { default: renderContent }) {
 	if (renderContent) renderContent();
 	else push(`<!---->`);
 }
@@ -466,7 +241,7 @@ async function ssrRenderSuspense(push, { default: renderContent }) {
 function ssrGetDirectiveProps(instance, dir, value, arg, modifiers = {}) {
 	if (typeof dir !== "function" && dir.getSSRProps) return dir.getSSRProps({
 		dir,
-		instance: vue.ssrUtils.getComponentPublicInstance(instance.$),
+		instance: _vue_runtime_dom.ssrUtils.getComponentPublicInstance(instance.$),
 		value,
 		oldValue: void 0,
 		arg,
@@ -543,12 +318,12 @@ function ssrCompile(template, instance) {
 		{
 			const message = `[@vue/server-renderer] Template compilation error: ${err.message}`;
 			const codeFrame = err.loc && (0, _vue_shared.generateCodeFrame)(template, err.loc.start.offset, err.loc.end.offset);
-			(0, vue.warn)(codeFrame ? `${message}\n${codeFrame}` : message);
+			(0, _vue_runtime_dom.warn)(codeFrame ? `${message}\n${codeFrame}` : message);
 		}
 	};
 	const { code } = (0, _vue_compiler_ssr.compile)(template, finalCompilerOptions);
 	const requireMap = {
-		vue,
+		vue: _vue_runtime_dom,
 		"vue/server-renderer": internal_exports
 	};
 	const fakeRequire = (id) => requireMap[id];
@@ -556,7 +331,7 @@ function ssrCompile(template, instance) {
 }
 //#endregion
 //#region packages/server-renderer/src/render.ts
-const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, normalizeVNode, pushWarningContext, popWarningContext } = vue.ssrUtils;
+const { createComponentInstance, setCurrentRenderingInstance, setupComponent, renderComponentRoot, isVNode: isVNode$2, normalizeVNode, pushWarningContext, popWarningContext, VaporSlot, rawVaporSlotKey, invokeSlotFallback } = _vue_runtime_dom.ssrUtils;
 function cleanupContext(context) {
 	let firstError;
 	if (context.__watcherHandles) {
@@ -596,9 +371,43 @@ function createBuffer() {
 		}
 	};
 }
+const vaporOutlets = /* @__PURE__ */ new WeakMap();
+const vaporInterface = { attachSlotOutlet(content, fallback, owner) {
+	const lone = isVaporSlotContent(content);
+	if (lone) vaporOutlets.set(content, {
+		fallback,
+		owner
+	});
+	return lone;
+} };
+function isVaporSlotContent(children) {
+	const lone = findVaporSlot(children);
+	vaporSlot = null;
+	return lone;
+}
+let vaporSlot = null;
+function findVaporSlot(children) {
+	for (let i = 0; i < children.length; i++) {
+		const child = children[i];
+		if (!isVNode$2(child)) return false;
+		if (child.type === VaporSlot) {
+			if (vaporSlot) return false;
+			vaporSlot = child;
+		} else if (child.type === _vue_runtime_dom.Fragment) {
+			if (child.patchFlag > 0 && child.patchFlag & 384 || !findVaporSlot(child.children)) return false;
+		} else if (child.type !== _vue_runtime_dom.Comment) return false;
+	}
+	return true;
+}
 function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
+	const ctx = vnode.ctx;
+	if (vnode.shapeFlag & 32 && ctx && ctx.type.__vapor) {
+		const slots = vnode.children;
+		for (const name in slots) if ((0, _vue_shared.isFunction)(slots[name])) slots[name][rawVaporSlotKey] = slots[name];
+		if (!ctx.appContext.vapor) ctx.appContext.vapor = vaporInterface;
+	}
 	const instance = vnode.component = createComponentInstance(vnode, parentComponent, null);
-	const context = instance.appContext.provides[vue.ssrContextKey];
+	const context = instance.appContext.provides[_vue_runtime_dom.ssrContextKey];
 	if (context) (context.__instanceScopes || (context.__instanceScopes = [])).push(instance.scope);
 	pushWarningContext(vnode);
 	const res = setupComponent(instance, true);
@@ -609,7 +418,11 @@ function renderComponentVNode(vnode, parentComponent = null, slotScopeId) {
 		if (hasAsyncSetup) prefetches = instance.sp;
 		if (prefetches) return Promise.all(prefetches.map((prefetch) => prefetch.call(instance.proxy)));
 	}).catch(_vue_shared.NOOP).then(() => renderComponentSubTree(instance, slotScopeId));
-	else return renderComponentSubTree(instance, slotScopeId);
+	else try {
+		return renderComponentSubTree(instance, slotScopeId);
+	} catch (err) {
+		return Promise.reject(err);
+	}
 }
 function renderComponentSubTree(instance, slotScopeId) {
 	pushWarningContext(instance.vnode);
@@ -649,12 +462,15 @@ function renderComponentSubTree(instance, slotScopeId) {
 			const prev = setCurrentRenderingInstance(instance);
 			try {
 				ssrRender(instance.proxy, push, instance, attrs, instance.props, instance.setupState, instance.data, instance.ctx);
+			} catch (err) {
+				(0, _vue_runtime_dom.handleError)(err, instance, 1);
 			} finally {
 				setCurrentRenderingInstance(prev);
 			}
 		} else if (instance.render && instance.render !== _vue_shared.NOOP) renderVNode(push, instance.subTree = renderComponentRoot(instance), instance, slotScopeId);
 		else {
-			(0, vue.warn)(`Component ${comp.name || comp.__file || `<Anonymous>`} is missing template or render function.`);
+			const componentName = comp.name || comp.__file || `<Anonymous>`;
+			(0, _vue_runtime_dom.warn)(`Component ${componentName} is missing template or render function.`);
 			push(`<!---->`);
 		}
 	}
@@ -665,28 +481,46 @@ function renderVNode(push, vnode, parentComponent, slotScopeId) {
 	const { type, shapeFlag, children, dirs, props } = vnode;
 	if (dirs) vnode.props = applySSRDirectives(vnode, props, dirs);
 	switch (type) {
-		case vue.Text:
+		case _vue_runtime_dom.Text:
 			push((0, _vue_shared.escapeHtml)(children));
 			break;
-		case vue.Comment:
+		case _vue_runtime_dom.Comment:
 			push(children ? `<!--${(0, _vue_shared.escapeHtmlComment)(children)}-->` : `<!---->`);
 			break;
-		case vue.Static:
+		case _vue_runtime_dom.Static:
 			push(children);
 			break;
-		case vue.Fragment:
+		case _vue_runtime_dom.Fragment: {
 			if (vnode.slotScopeIds) slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
-			push(`<!--[-->`);
+			const outlet = vnode.vo && vaporOutlets.get(children);
+			if (outlet) {
+				renderVaporOutlet(push, (_, push) => renderVNodeChildren(push, children, parentComponent, slotScopeId), null, outlet, parentComponent, slotScopeId);
+				break;
+			}
+			const isFallback = shapeFlag & 1024;
+			push(isFallback ? `<!--(-->` : `<!--[-->`);
 			renderVNodeChildren(push, children, parentComponent, slotScopeId);
-			push(`<!--]-->`);
+			push(isFallback ? `<!--)-->` : `<!--]-->`);
+			break;
+		}
+		case VaporSlot: {
+			if (vnode.slotScopeIds) slotScopeId = (slotScopeId ? slotScopeId + " " : "") + vnode.slotScopeIds.join(" ");
+			const { slot, outlets } = vnode.vs;
+			renderVaporOutlet(push, slot, vnode.props, outlets && outlets[0], parentComponent, slotScopeId);
 			break;
+		}
 		default: if (shapeFlag & 1) renderElementVNode(push, vnode, parentComponent, slotScopeId);
 		else if (shapeFlag & 6) push(renderComponentVNode(vnode, parentComponent, slotScopeId));
 		else if (shapeFlag & 64) renderTeleportVNode(push, vnode, parentComponent, slotScopeId);
 		else if (shapeFlag & 128) renderVNode(push, vnode.ssContent, parentComponent, slotScopeId);
-		else (0, vue.warn)("[@vue/server-renderer] Invalid VNode type:", type, `(${typeof type})`);
+		else (0, _vue_runtime_dom.warn)("[@vue/server-renderer] Invalid VNode type:", type, `(${typeof type})`);
 	}
 }
+function renderVaporOutlet(push, slot, props, outlet, parentComponent, slotScopeId) {
+	const prev = setCurrentRenderingInstance(parentComponent);
+	ssrRenderSlot({ default: slot }, "default", props, outlet ? () => renderVNodeChildren(push, invokeSlotFallback(outlet.fallback, outlet.owner), parentComponent, slotScopeId) : null, push, parentComponent, slotScopeId);
+	setCurrentRenderingInstance(prev);
+}
 function renderVNodeChildren(push, children, parentComponent, slotScopeId) {
 	for (let i = 0; i < children.length; i++) renderVNode(push, normalizeVNode(children[i]), parentComponent, slotScopeId);
 }
@@ -695,15 +529,25 @@ function renderElementVNode(push, vnode, parentComponent, slotScopeId) {
 	let { props, children, shapeFlag, scopeId } = vnode;
 	let openTag = `<${tag}`;
 	if (props) openTag += ssrRenderAttrs(props, tag);
-	if (scopeId) openTag += ` ${scopeId}`;
+	const renderedScopeIds = [];
+	const appendScopeId = (id) => {
+		if (id && (!props || !(0, _vue_shared.hasOwn)(props, id)) && !renderedScopeIds.includes(id)) {
+			openTag += ` ${id}`;
+			renderedScopeIds.push(id);
+		}
+	};
+	if (scopeId) appendScopeId(scopeId);
 	let curParent = parentComponent;
 	let curVnode = vnode;
 	while (curParent && curVnode === curParent.subTree) {
 		curVnode = curParent.vnode;
-		if (curVnode.scopeId) openTag += ` ${curVnode.scopeId}`;
+		if (curVnode.scopeId) appendScopeId(curVnode.scopeId);
 		curParent = curParent.parent;
 	}
-	if (slotScopeId) openTag += ` ${slotScopeId}`;
+	if (slotScopeId) {
+		const slotScopeIdList = slotScopeId.trim().split(" ");
+		for (let i = 0; i < slotScopeIdList.length; i++) appendScopeId(slotScopeIdList[i]);
+	}
 	push(openTag + `>`);
 	if (!(0, _vue_shared.isVoidTag)(tag)) {
 		let hasChildrenOverride = false;
@@ -736,17 +580,17 @@ function applySSRDirectives(vnode, rawProps, dirs) {
 			if (props) toMerge.push(props);
 		}
 	}
-	return (0, vue.mergeProps)(rawProps || {}, ...toMerge);
+	return (0, _vue_runtime_dom.mergeProps)(rawProps || {}, ...toMerge);
 }
 function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
 	const target = vnode.props && vnode.props.to;
 	const disabled = vnode.props && vnode.props.disabled;
 	if (!target) {
-		if (!disabled) (0, vue.warn)(`[@vue/server-renderer] Teleport is missing target prop.`);
+		if (!disabled) (0, _vue_runtime_dom.warn)(`[@vue/server-renderer] Teleport is missing target prop.`);
 		return [];
 	}
 	if (!(0, _vue_shared.isString)(target)) {
-		(0, vue.warn)(`[@vue/server-renderer] Teleport target must be a query selector string.`);
+		(0, _vue_runtime_dom.warn)(`[@vue/server-renderer] Teleport target must be a query selector string.`);
 		return [];
 	}
 	ssrRenderTeleport(push, (push) => {
@@ -755,7 +599,7 @@ function renderTeleportVNode(push, vnode, parentComponent, slotScopeId) {
 }
 //#endregion
 //#region packages/server-renderer/src/renderToString.ts
-const { isVNode: isVNode$1 } = vue.ssrUtils;
+const { isVNode: isVNode$1 } = _vue_runtime_dom.ssrUtils;
 function nestedUnrollBuffer(buffer, parentRet, startIndex) {
 	if (!buffer.hasAsync) return parentRet + unrollBufferSync$1(buffer);
 	let ret = parentRet;
@@ -791,10 +635,10 @@ function unrollBufferSync$1(buffer) {
 	return ret;
 }
 async function renderToString(input, context = {}) {
-	if (isVNode$1(input)) return renderToString((0, vue.createApp)({ render: () => input }), context);
-	const vnode = (0, vue.createVNode)(input._component, input._props);
+	if (isVNode$1(input)) return renderToString((0, _vue_runtime_dom.createApp)({ render: () => input }), context);
+	const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
 	vnode.appContext = input._context;
-	input.provide(vue.ssrContextKey, context);
+	input.provide(_vue_runtime_dom.ssrContextKey, context);
 	try {
 		const result = await unrollBuffer$1(await renderComponentVNode(vnode));
 		await resolveTeleports(context);
@@ -806,12 +650,12 @@ async function renderToString(input, context = {}) {
 async function resolveTeleports(context) {
 	if (context.__teleportBuffers) {
 		context.teleports = context.teleports || {};
-		for (const key in context.__teleportBuffers) context.teleports[key] = await unrollBuffer$1(await Promise.all([context.__teleportBuffers[key]]));
+		for (const key in context.__teleportBuffers) context.teleports[key] = await unrollBuffer$1(context.__teleportBuffers[key]);
 	}
 }
 //#endregion
 //#region packages/server-renderer/src/renderToStream.ts
-const { isVNode } = vue.ssrUtils;
+const { isVNode } = _vue_runtime_dom.ssrUtils;
 async function unrollBuffer(buffer, stream) {
 	if (buffer.hasAsync) for (let i = 0; i < buffer.length; i++) {
 		let item = buffer[i];
@@ -829,10 +673,10 @@ function unrollBufferSync(buffer, stream) {
 	}
 }
 function renderToSimpleStream(input, context, stream) {
-	if (isVNode(input)) return renderToSimpleStream((0, vue.createApp)({ render: () => input }), context, stream);
-	const vnode = (0, vue.createVNode)(input._component, input._props);
+	if (isVNode(input)) return renderToSimpleStream((0, _vue_runtime_dom.createApp)({ render: () => input }), context, stream);
+	const vnode = (0, _vue_runtime_dom.createVNode)(input._component, input._props);
 	vnode.appContext = input._context;
-	input.provide(vue.ssrContextKey, context);
+	input.provide(_vue_runtime_dom.ssrContextKey, context);
 	let cleaned = false;
 	const finalize = () => {
 		if (cleaned) return;
@@ -916,7 +760,7 @@ function pipeToWebWritable(input, context = {}, writable) {
 }
 //#endregion
 //#region packages/server-renderer/src/index.ts
-(0, vue.initDirectivesForSSR)();
+(0, _vue_runtime_dom.initDirectivesForSSR)();
 //#endregion
 exports.pipeToNodeWritable = pipeToNodeWritable;
 exports.pipeToWebWritable = pipeToWebWritable;