import { useNuxtApp } from "../nuxt.js";
import { renderDiagnostics } from "../diagnostics/render.js";
import { isVaporSlot } from "./utils.js";
import { Teleport, defineComponent, h, inject, provide, useId } from "vue";
import { vapor } from "#build/nuxt.config.mjs";
import { buildAssetsURL } from "#internal/nuxt/paths";
import paths from "#build/component-chunk";
//#region src/app/components/nuxt-teleport-island-component.ts
const NuxtTeleportIslandSymbol = Symbol("NuxtTeleportIslandComponent");
const NuxtTeleportIslandComponent = /* @__PURE__ */ defineComponent({
	name: "NuxtTeleportIslandComponent",
	inheritAttrs: false,
	props: { nuxtClient: {
		type: Boolean,
		default: false
	} },
	setup(props, { slots }) {
		const nuxtApp = useNuxtApp();
		const to = useId();
		if (!nuxtApp.ssrContext?.islandContext || !props.nuxtClient || inject(NuxtTeleportIslandSymbol, false)) return () => slots.default?.();
		provide(NuxtTeleportIslandSymbol, to);
		const islandContext = nuxtApp.ssrContext.islandContext;
		return () => {
			if (vapor && isVaporSlot(slots.default)) {
				if (import.meta.dev) renderDiagnostics.NUXT_E4022();
				return slots.default?.();
			}
			const slot = slots.default()[0];
			const slotType = slot.type;
			const name = slotType.__name || slotType.name;
			islandContext.components[to] = {
				chunk: import.meta.dev ? buildAssetsURL(paths[name]) : paths[name],
				props: slot.props || {}
			};
			return [h("div", {
				"style": "display: contents;",
				"data-island-uid": "",
				"data-island-component": to
			}, []), h(Teleport, { to }, slot)];
		};
	}
});
//#endregion
export { NuxtTeleportIslandSymbol, NuxtTeleportIslandComponent as default };