import { a as usePage, n as head_default, o as vue_exports, r as link_default, s as router } from "../ssr.js";
import { t as Editor_default } from "./Editor-CXjuXaRn.js";
import { n as server_renderer_exports, t } from "./i18n-CXLOYfyq.js";
import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BOaGB7Aw.js";
import { n as Avatar_default, t as AppLayout_default } from "./AppLayout-DbhjYK6s.js";
import { t as ReadingScrubber_default } from "./ReadingScrubber-CapzFbEm.js";
//#region resources/js/Pages/Messages/Show.vue?vue&type=script&setup=true&lang.ts
var Show_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue_exports.defineComponent)({
	__name: "Show",
	__ssrInlineRender: true,
	props: {
		conversation: {},
		messages: {}
	},
	setup(__props) {
		const props = __props;
		const page = usePage();
		const meId = (0, vue_exports.computed)(() => Number(page.props.auth?.user?.id ?? 0));
		const editor = (0, vue_exports.ref)(null);
		const posting = (0, vue_exports.ref)(false);
		const thread = (0, vue_exports.ref)(null);
		const live = (0, vue_exports.ref)([...props.messages]);
		(0, vue_exports.watch)(() => props.messages, (v) => {
			live.value = [...v];
			scrollDown();
			autoTranslateAll();
		});
		function mine(m) {
			return Number(m.author?.id) === meId.value;
		}
		const user = (0, vue_exports.computed)(() => page.props.auth?.user ?? null);
		const baseLang = (code) => code ? String(code).split("-")[0].toLowerCase() : "";
		const viewerLocale = (0, vue_exports.computed)(() => user.value?.locale || page.props.i18n?.locale || "en");
		const autoTranslate = (0, vue_exports.computed)(() => !!user.value?.auto_translate);
		const translateEnabled = (0, vue_exports.computed)(() => !!page.props.ask?.enabled);
		const tx = (0, vue_exports.ref)({});
		function xsrf() {
			return decodeURIComponent(document.cookie.match(/XSRF-TOKEN=([^;]+)/)?.[1] ?? "");
		}
		function needsTranslation(m) {
			const src = baseLang(m?.detectedLocale);
			return !!src && src !== baseLang(viewerLocale.value);
		}
		async function translateMessage(m) {
			const id = m.id;
			const cur = tx.value[id];
			if (cur?.loading) return;
			if (cur?.html) {
				tx.value[id] = {
					...cur,
					shown: true
				};
				return;
			}
			tx.value[id] = {
				shown: false,
				loading: true
			};
			try {
				const data = await (await fetch(`/api/messages/${id}/translate`, {
					method: "POST",
					credentials: "same-origin",
					headers: {
						"Content-Type": "application/json",
						"X-XSRF-TOKEN": xsrf(),
						Accept: "application/json"
					},
					body: JSON.stringify({ locale: viewerLocale.value })
				})).json();
				if (data.translated && data.html) tx.value[id] = {
					html: data.html,
					shown: true,
					loading: false,
					source: data.source
				};
				else tx.value[id] = {
					shown: false,
					loading: false,
					failed: !data.translated
				};
			} catch {
				tx.value[id] = {
					shown: false,
					loading: false,
					failed: true
				};
			}
		}
		function toggleTranslation(m) {
			const cur = tx.value[m.id];
			if (cur?.html) tx.value[m.id] = {
				...cur,
				shown: !cur.shown
			};
			else translateMessage(m);
		}
		function displayHtml(m) {
			const cur = tx.value[m.id];
			return cur?.shown && cur.html ? cur.html : m.html;
		}
		function autoTranslateAll() {
			if (!autoTranslate.value || !translateEnabled.value) return;
			for (const m of live.value) if (needsTranslation(m) && !tx.value[m.id]) translateMessage(m);
		}
		function scrollDown() {
			(0, vue_exports.nextTick)(() => {
				if (thread.value) thread.value.scrollTop = thread.value.scrollHeight;
			});
		}
		function send() {
			if (!editor.value || editor.value.isEmpty()) return;
			posting.value = true;
			router.post(`/messages/${props.conversation.id}`, { body_html: editor.value.getHTML() }, {
				preserveScroll: true,
				onSuccess: () => editor.value?.clear(),
				onFinish: () => posting.value = false
			});
		}
		const adding = (0, vue_exports.ref)(false);
		const addQuery = (0, vue_exports.ref)("");
		const addResults = (0, vue_exports.ref)([]);
		let at = null;
		(0, vue_exports.watch)(addQuery, (q) => {
			clearTimeout(at);
			if (!q.trim()) {
				addResults.value = [];
				return;
			}
			at = setTimeout(async () => {
				try {
					const res = await fetch(`/users/search?q=${encodeURIComponent(q)}`, {
						headers: { Accept: "application/json" },
						credentials: "same-origin"
					});
					addResults.value = res.ok ? await res.json() : [];
				} catch {
					addResults.value = [];
				}
			}, 200);
		});
		function addPerson(u) {
			router.post(`/messages/${props.conversation.id}/participants`, { user_ids: [u.uid] }, {
				preserveScroll: true,
				onSuccess: () => {
					addQuery.value = "";
					addResults.value = [];
					adding.value = false;
				}
			});
		}
		const Echo = () => window.Echo;
		(0, vue_exports.onMounted)(() => {
			scrollDown();
			autoTranslateAll();
			if (!Echo()) return;
			Echo().private(`conversation.${props.conversation.id}`).listen(".MessageCreated", (e) => {
				if (e?.message && !live.value.some((m) => m.id === e.message.id)) {
					live.value.push(e.message);
					scrollDown();
					if (needsTranslation(e.message)) translateMessage(e.message);
				}
			});
		});
		(0, vue_exports.onBeforeUnmount)(() => {
			if (Echo()) Echo().leave(`conversation.${props.conversation.id}`);
		});
		return (_ctx, _push, _parent, _attrs) => {
			_push(`<!--[-->`);
			_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(head_default), { title: __props.conversation.title }, null, _parent));
			_push((0, server_renderer_exports.ssrRenderComponent)(AppLayout_default, null, {
				default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
					if (_push) {
						_push((0, server_renderer_exports.ssrRenderComponent)(ReadingScrubber_default, { target: thread.value }, null, _parent, _scopeId));
						_push(`<div class="mx-auto flex h-[calc(100vh-140px)] max-w-[760px] flex-col" data-v-b5b2fed6${_scopeId}><div class="mb-3 flex items-center gap-3" data-v-b5b2fed6${_scopeId}>`);
						_push((0, server_renderer_exports.ssrRenderComponent)((0, vue_exports.unref)(link_default), {
							href: "/messages",
							class: "text-ink-muted hover:text-ink",
							"aria-label": (0, vue_exports.unref)(t)("Back to messages")
						}, {
							default: (0, vue_exports.withCtx)((_, _push, _parent, _scopeId) => {
								if (_push) _push(`<svg width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-b5b2fed6${_scopeId}><path d="m15 18-6-6 6-6" data-v-b5b2fed6${_scopeId}></path></svg>`);
								else return [((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("svg", {
									width: "20",
									height: "20",
									viewBox: "0 0 24 24",
									fill: "none",
									stroke: "currentColor",
									"stroke-width": "2"
								}, [(0, vue_exports.createVNode)("path", { d: "m15 18-6-6 6-6" })]))];
							}),
							_: 1
						}, _parent, _scopeId));
						if (__props.conversation.isGroup) {
							_push(`<div class="flex -space-x-2" data-v-b5b2fed6${_scopeId}><!--[-->`);
							(0, server_renderer_exports.ssrRenderList)(__props.conversation.participants.slice(0, 3), (p) => {
								_push((0, server_renderer_exports.ssrRenderComponent)(Avatar_default, {
									key: p.id,
									avatar: p,
									size: 32,
									class: "ring-2 ring-surface"
								}, null, _parent, _scopeId));
							});
							_push(`<!--]--></div>`);
						} else _push((0, server_renderer_exports.ssrRenderComponent)(Avatar_default, {
							avatar: __props.conversation.partner,
							size: 38
						}, null, _parent, _scopeId));
						_push(`<div class="min-w-0" data-v-b5b2fed6${_scopeId}><h1 class="truncate text-lg font-bold" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(__props.conversation.title)}</h1>`);
						if (__props.conversation.isGroup) _push(`<p class="text-xs text-ink-muted" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("{n} people", { n: __props.conversation.participants.length }))}</p>`);
						else _push(`<!---->`);
						_push(`</div><button type="button" class="ml-auto inline-flex items-center gap-1.5 rounded-c border border-line bg-surface px-3 py-1.5 text-sm font-semibold text-ink-2 hover:bg-surface-2" data-v-b5b2fed6${_scopeId}><svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" data-v-b5b2fed6${_scopeId}><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" data-v-b5b2fed6${_scopeId}></path><circle cx="9" cy="7" r="4" data-v-b5b2fed6${_scopeId}></circle><path d="M19 8v6M22 11h-6" data-v-b5b2fed6${_scopeId}></path></svg> ${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Add people"))}</button></div>`);
						if (adding.value) {
							_push(`<div class="mb-3 rounded-c border border-line bg-surface p-3" data-v-b5b2fed6${_scopeId}><input${(0, server_renderer_exports.ssrRenderAttr)("value", addQuery.value)} type="text"${(0, server_renderer_exports.ssrRenderAttr)("placeholder", (0, vue_exports.unref)(t)("Search people to add…"))} class="w-full rounded-lg border-line bg-surface-2 text-ink placeholder:text-ink-muted focus:border-primary focus:ring-primary" data-v-b5b2fed6${_scopeId}>`);
							if (addResults.value.length) {
								_push(`<div class="mt-2 divide-y divide-line/60" data-v-b5b2fed6${_scopeId}><!--[-->`);
								(0, server_renderer_exports.ssrRenderList)(addResults.value, (u) => {
									_push(`<button type="button" class="flex w-full items-center gap-2.5 px-1 py-2 text-left hover:bg-surface-2" data-v-b5b2fed6${_scopeId}>`);
									_push((0, server_renderer_exports.ssrRenderComponent)(Avatar_default, {
										avatar: u,
										size: 28
									}, null, _parent, _scopeId));
									_push(`<span class="text-sm font-semibold text-ink" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(u.name)}</span><span class="ml-auto text-xs font-semibold text-primary" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Add"))}</span></button>`);
								});
								_push(`<!--]--></div>`);
							} else _push(`<!---->`);
							_push(`</div>`);
						} else _push(`<!---->`);
						_push(`<div class="flex-1 space-y-3 overflow-y-auto rounded-c border border-line bg-surface p-4" data-v-b5b2fed6${_scopeId}><!--[-->`);
						(0, server_renderer_exports.ssrRenderList)(live.value, (m) => {
							_push(`<div class="${(0, server_renderer_exports.ssrRenderClass)([mine(m) ? "flex-row-reverse" : "", "flex gap-2.5"])}" data-v-b5b2fed6${_scopeId}>`);
							_push((0, server_renderer_exports.ssrRenderComponent)(Avatar_default, {
								avatar: m.author,
								size: 32
							}, null, _parent, _scopeId));
							_push(`<div class="max-w-[75%]" data-v-b5b2fed6${_scopeId}><div class="${(0, server_renderer_exports.ssrRenderClass)([mine(m) ? "bg-primary text-white" : "bg-surface-2 text-ink", "rounded-2xl px-3.5 py-2 text-sm"])}" data-v-b5b2fed6${_scopeId}><div class="${(0, server_renderer_exports.ssrRenderClass)([mine(m) ? "prose-onprimary" : "", "prose-q"])}" data-v-b5b2fed6${_scopeId}>${displayHtml(m) ?? ""}</div></div><div class="${(0, server_renderer_exports.ssrRenderClass)([mine(m) ? "flex-row-reverse text-right" : "", "mt-0.5 flex items-center gap-2 text-[11px] text-ink-muted"])}" data-v-b5b2fed6${_scopeId}><span data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(m.createdAt)}</span>`);
							if (translateEnabled.value && (needsTranslation(m) || tx.value[m.id]?.html)) _push(`<button type="button" class="font-semibold text-primary hover:underline" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(tx.value[m.id]?.loading ? (0, vue_exports.unref)(t)("Translating…") : tx.value[m.id]?.shown ? (0, vue_exports.unref)(t)("Show original") : (0, vue_exports.unref)(t)("Translate"))}</button>`);
							else _push(`<!---->`);
							if (tx.value[m.id]?.failed) _push(`<span class="text-ink-muted" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Translation unavailable"))}</span>`);
							else _push(`<!---->`);
							_push(`</div></div></div>`);
						});
						_push(`<!--]-->`);
						if (!live.value.length) _push(`<p class="py-10 text-center text-sm text-ink-muted" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)((0, vue_exports.unref)(t)("Say hello 👋"))}</p>`);
						else _push(`<!---->`);
						_push(`</div><div class="mt-3" data-v-b5b2fed6${_scopeId}>`);
						_push((0, server_renderer_exports.ssrRenderComponent)(Editor_default, {
							ref_key: "editor",
							ref: editor,
							placeholder: (0, vue_exports.unref)(t)("Write a message…")
						}, null, _parent, _scopeId));
						_push(`<div class="mt-2 flex justify-end" data-v-b5b2fed6${_scopeId}><button type="button"${(0, server_renderer_exports.ssrIncludeBooleanAttr)(posting.value) ? " disabled" : ""} class="rounded-c bg-primary px-5 py-2 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-60" data-v-b5b2fed6${_scopeId}>${(0, server_renderer_exports.ssrInterpolate)(posting.value ? (0, vue_exports.unref)(t)("Sending…") : (0, vue_exports.unref)(t)("Send"))}</button></div></div></div>`);
					} else return [(0, vue_exports.createVNode)(ReadingScrubber_default, { target: thread.value }, null, 8, ["target"]), (0, vue_exports.createVNode)("div", { class: "mx-auto flex h-[calc(100vh-140px)] max-w-[760px] flex-col" }, [
						(0, vue_exports.createVNode)("div", { class: "mb-3 flex items-center gap-3" }, [
							(0, vue_exports.createVNode)((0, vue_exports.unref)(link_default), {
								href: "/messages",
								class: "text-ink-muted hover:text-ink",
								"aria-label": (0, vue_exports.unref)(t)("Back to messages")
							}, {
								default: (0, vue_exports.withCtx)(() => [((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("svg", {
									width: "20",
									height: "20",
									viewBox: "0 0 24 24",
									fill: "none",
									stroke: "currentColor",
									"stroke-width": "2"
								}, [(0, vue_exports.createVNode)("path", { d: "m15 18-6-6 6-6" })]))]),
								_: 1
							}, 8, ["aria-label"]),
							__props.conversation.isGroup ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
								key: 0,
								class: "flex -space-x-2"
							}, [((0, vue_exports.openBlock)(true), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(__props.conversation.participants.slice(0, 3), (p) => {
								return (0, vue_exports.openBlock)(), (0, vue_exports.createBlock)(Avatar_default, {
									key: p.id,
									avatar: p,
									size: 32,
									class: "ring-2 ring-surface"
								}, null, 8, ["avatar"]);
							}), 128))])) : ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)(Avatar_default, {
								key: 1,
								avatar: __props.conversation.partner,
								size: 38
							}, null, 8, ["avatar"])),
							(0, vue_exports.createVNode)("div", { class: "min-w-0" }, [(0, vue_exports.createVNode)("h1", { class: "truncate text-lg font-bold" }, (0, vue_exports.toDisplayString)(__props.conversation.title), 1), __props.conversation.isGroup ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
								key: 0,
								class: "text-xs text-ink-muted"
							}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("{n} people", { n: __props.conversation.participants.length })), 1)) : (0, vue_exports.createCommentVNode)("", true)]),
							(0, vue_exports.createVNode)("button", {
								type: "button",
								class: "ml-auto inline-flex items-center gap-1.5 rounded-c border border-line bg-surface px-3 py-1.5 text-sm font-semibold text-ink-2 hover:bg-surface-2",
								onClick: ($event) => adding.value = !adding.value
							}, [((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("svg", {
								width: "16",
								height: "16",
								viewBox: "0 0 24 24",
								fill: "none",
								stroke: "currentColor",
								"stroke-width": "2"
							}, [
								(0, vue_exports.createVNode)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
								(0, vue_exports.createVNode)("circle", {
									cx: "9",
									cy: "7",
									r: "4"
								}),
								(0, vue_exports.createVNode)("path", { d: "M19 8v6M22 11h-6" })
							])), (0, vue_exports.createTextVNode)(" " + (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Add people")), 1)], 8, ["onClick"])
						]),
						adding.value ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
							key: 0,
							class: "mb-3 rounded-c border border-line bg-surface p-3"
						}, [(0, vue_exports.withDirectives)((0, vue_exports.createVNode)("input", {
							"onUpdate:modelValue": ($event) => addQuery.value = $event,
							type: "text",
							placeholder: (0, vue_exports.unref)(t)("Search people to add…"),
							class: "w-full rounded-lg border-line bg-surface-2 text-ink placeholder:text-ink-muted focus:border-primary focus:ring-primary"
						}, null, 8, ["onUpdate:modelValue", "placeholder"]), [[vue_exports.vModelText, addQuery.value]]), addResults.value.length ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
							key: 0,
							class: "mt-2 divide-y divide-line/60"
						}, [((0, vue_exports.openBlock)(true), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(addResults.value, (u) => {
							return (0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("button", {
								key: u.uid,
								type: "button",
								class: "flex w-full items-center gap-2.5 px-1 py-2 text-left hover:bg-surface-2",
								onClick: ($event) => addPerson(u)
							}, [
								(0, vue_exports.createVNode)(Avatar_default, {
									avatar: u,
									size: 28
								}, null, 8, ["avatar"]),
								(0, vue_exports.createVNode)("span", { class: "text-sm font-semibold text-ink" }, (0, vue_exports.toDisplayString)(u.name), 1),
								(0, vue_exports.createVNode)("span", { class: "ml-auto text-xs font-semibold text-primary" }, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Add")), 1)
							], 8, ["onClick"]);
						}), 128))])) : (0, vue_exports.createCommentVNode)("", true)])) : (0, vue_exports.createCommentVNode)("", true),
						(0, vue_exports.createVNode)("div", {
							ref_key: "thread",
							ref: thread,
							class: "flex-1 space-y-3 overflow-y-auto rounded-c border border-line bg-surface p-4"
						}, [((0, vue_exports.openBlock)(true), (0, vue_exports.createBlock)(vue_exports.Fragment, null, (0, vue_exports.renderList)(live.value, (m) => {
							return (0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("div", {
								key: m.id,
								class: ["flex gap-2.5", mine(m) ? "flex-row-reverse" : ""]
							}, [(0, vue_exports.createVNode)(Avatar_default, {
								avatar: m.author,
								size: 32
							}, null, 8, ["avatar"]), (0, vue_exports.createVNode)("div", { class: "max-w-[75%]" }, [(0, vue_exports.createVNode)("div", { class: ["rounded-2xl px-3.5 py-2 text-sm", mine(m) ? "bg-primary text-white" : "bg-surface-2 text-ink"] }, [(0, vue_exports.createVNode)("div", {
								class: ["prose-q", mine(m) ? "prose-onprimary" : ""],
								innerHTML: displayHtml(m)
							}, null, 10, ["innerHTML"])], 2), (0, vue_exports.createVNode)("div", { class: ["mt-0.5 flex items-center gap-2 text-[11px] text-ink-muted", mine(m) ? "flex-row-reverse text-right" : ""] }, [
								(0, vue_exports.createVNode)("span", null, (0, vue_exports.toDisplayString)(m.createdAt), 1),
								translateEnabled.value && (needsTranslation(m) || tx.value[m.id]?.html) ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("button", {
									key: 0,
									type: "button",
									class: "font-semibold text-primary hover:underline",
									onClick: ($event) => toggleTranslation(m)
								}, (0, vue_exports.toDisplayString)(tx.value[m.id]?.loading ? (0, vue_exports.unref)(t)("Translating…") : tx.value[m.id]?.shown ? (0, vue_exports.unref)(t)("Show original") : (0, vue_exports.unref)(t)("Translate")), 9, ["onClick"])) : (0, vue_exports.createCommentVNode)("", true),
								tx.value[m.id]?.failed ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("span", {
									key: 1,
									class: "text-ink-muted"
								}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Translation unavailable")), 1)) : (0, vue_exports.createCommentVNode)("", true)
							], 2)])], 2);
						}), 128)), !live.value.length ? ((0, vue_exports.openBlock)(), (0, vue_exports.createBlock)("p", {
							key: 0,
							class: "py-10 text-center text-sm text-ink-muted"
						}, (0, vue_exports.toDisplayString)((0, vue_exports.unref)(t)("Say hello 👋")), 1)) : (0, vue_exports.createCommentVNode)("", true)], 512),
						(0, vue_exports.createVNode)("div", { class: "mt-3" }, [(0, vue_exports.createVNode)(Editor_default, {
							ref_key: "editor",
							ref: editor,
							placeholder: (0, vue_exports.unref)(t)("Write a message…")
						}, null, 8, ["placeholder"]), (0, vue_exports.createVNode)("div", { class: "mt-2 flex justify-end" }, [(0, vue_exports.createVNode)("button", {
							type: "button",
							disabled: posting.value,
							class: "rounded-c bg-primary px-5 py-2 text-sm font-semibold text-white hover:bg-primary-600 disabled:opacity-60",
							onClick: send
						}, (0, vue_exports.toDisplayString)(posting.value ? (0, vue_exports.unref)(t)("Sending…") : (0, vue_exports.unref)(t)("Send")), 9, ["disabled"])])])
					])];
				}),
				_: 1
			}, _parent));
			_push(`<!--]-->`);
		};
	}
});
//#endregion
//#region resources/js/Pages/Messages/Show.vue
var _sfc_setup = Show_vue_vue_type_script_setup_true_lang_default.setup;
Show_vue_vue_type_script_setup_true_lang_default.setup = (props, ctx) => {
	const ssrContext = (0, vue_exports.useSSRContext)();
	(ssrContext.modules || (ssrContext.modules = /* @__PURE__ */ new Set())).add("resources/js/Pages/Messages/Show.vue");
	return _sfc_setup ? _sfc_setup(props, ctx) : void 0;
};
var Show_default = /*#__PURE__*/ _plugin_vue_export_helper_default(Show_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-b5b2fed6"]]);
//#endregion
export { Show_default as default };
