@i18n-micro/vue 1.4.11 → 2.0.1

package/dist/index.mjs

@@ -1,7 +1,8 @@
-import { computed as e, defineComponent as t, h as n, inject as r, nextTick as i, onMounted as a, onUnmounted as o, ref as s, shallowRef as c } from "vue";
-import { BaseI18n as l, FormatService as u, defaultPlural as d, interpolate as f } from "@i18n-micro/core";
-//#region src/injection.ts
-var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-locale"), g = Symbol("i18n-router-strategy"), _ = t({
+import { Fragment as e, computed as t, defineComponent as n, h as r, inject as i, onMounted as a, onUnmounted as o, ref as s, shallowRef as c } from "vue";
+import { BaseI18n as l, FormatService as u, defaultPlural as d, externalLinkHref as f, interpolate as p, isPlainClick as m, isSamePage as h, localeIsoMap as g, urlPath as _ } from "@i18n-micro/core";
+import { createLocaleSwitcher as v, renderI18nT as y } from "@i18n-micro/core/render";
+// src/injection.ts
+var b = Symbol("i18n"), x = Symbol("i18n-locales"), S = Symbol("i18n-default-locale"), C = Symbol("i18n-router-strategy"), w = /*#__PURE__*/ n({
 	name: "I18nGroup",
 	props: {
 		prefix: {
@@ -14,15 +15,198 @@ var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-loc
 		}
 	},
 	setup(e, { slots: t }) {
-		let i = r(p);
-		if (!i) throw Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");
-		let a = (t, n) => i.t(`${e.prefix}.${t}`, n, void 0, i.getRoute());
-		return () => n("div", { class: ["i18n-group", e.groupClass] }, t.default?.({
+		let n = i(b);
+		if (!n) throw Error("[i18n-micro] I18nGroup: i18n instance not found. Make sure i18n plugin is installed.");
+		let a = (t, r) => n.t(`${e.prefix}.${t}`, r, void 0, n.getRoute());
+		return () => r("div", { class: ["i18n-group", e.groupClass] }, t.default?.({
 			prefix: e.prefix,
 			t: a
 		}));
 	}
-}), v = t({
+});
+new Set("xml txt ico json js css png jpg jpeg gif svg webp avif pdf wasm map mp4 webm mp3 zip gz woff woff2 ttf eot".split(" "));
+function T(e) {
+	let t = e.length;
+	for (; e[t - 1] === "/";) t--;
+	return e.slice(0, t);
+}
+// ../utils/dist/resolve-hreflang.mjs
+function E(e) {
+	return e.iso?.trim() || String(e.code);
+}
+function D(e) {
+	let t = e.match(/^([A-Za-z]{2,3})(?:[-_](.+))?$/);
+	return t ? {
+		language: t[1],
+		region: t[2]
+	} : { language: e };
+}
+function ee(e, t = {}) {
+	let { hreflangBaseLanguage: n = !1 } = t;
+	if (!n) return e.map((e) => {
+		let t = String(e.code);
+		return {
+			hreflang: E(e),
+			localeCode: t
+		};
+	});
+	let r = /* @__PURE__ */ new Map();
+	for (let t of e) {
+		let e = String(t.code), n = E(t), { language: i, region: a } = D(n);
+		i && a && !r.has(i) && r.set(i, e), r.set(n, e);
+	}
+	let i = /* @__PURE__ */ new Set(), a = [];
+	for (let t of e) {
+		let e = String(t.code), n = E(t), { language: o, region: s } = D(n);
+		o && s && r.get(o) === e && !i.has(o) && (i.add(o), a.push({
+			hreflang: o,
+			localeCode: e
+		})), i.has(n) || (i.add(n), a.push({
+			hreflang: n,
+			localeCode: e
+		}));
+	}
+	return a;
+}
+// ../utils/dist/resolve-og-locale.mjs
+function O(e) {
+	let t = e.og?.trim();
+	if (t) return t;
+	let n = e.iso?.trim();
+	return n ? A(n, "_") ?? A(n, "-") : null;
+}
+function k(e) {
+	for (let t = 0; t < e.length; t++) {
+		let n = e.charCodeAt(t) | 32;
+		if (n < 97 || n > 122) return !1;
+	}
+	return !0;
+}
+function A(e, t) {
+	let n = e.indexOf(t), r = e.slice(0, n), i = e.slice(n + 1);
+	return n < 2 || i.length !== 2 || !k(r) || !k(i) ? null : `${r.toLowerCase()}_${i.toUpperCase()}`;
+}
+function j(e, t = {}) {
+	if (O(e) !== null || t.missingWarn === !1 || process.env.NODE_ENV === "production") return;
+	let n = t.tag ?? "og:locale", r = String(e.code ?? "unknown"), i = e.iso ? `, iso: '${e.iso}'` : "";
+	console.warn(`[i18n] Cannot derive ${n} for locale '${r}'${i}. Set locale.og (e.g. 'en_US') or use iso with a 2-letter region (e.g. 'en-US').`);
+}
+// ../utils/dist/locale-head.mjs
+function M(e) {
+	let t = e.indexOf("?"), n = e.indexOf("#");
+	return t === -1 ? n : n === -1 || t < n ? t : n;
+}
+function N(e, t) {
+	let n = M(e);
+	if (n === -1) return e;
+	let r = e.slice(0, n) || "/", i = e.indexOf("#", n), a = e.slice(n + 1, i === -1 ? void 0 : i), o = /* @__PURE__ */ new Map();
+	for (let e of a.split("&")) {
+		let [n] = new URLSearchParams(e);
+		if (!n || !t.includes(n[0])) continue;
+		let r = new URLSearchParams([n]).toString(), i = e.includes("=") ? r : r.slice(0, -1), a = o.get(n[0]);
+		a ? a.push(i) : o.set(n[0], [i]);
+	}
+	let s = [...new Set(t)].flatMap((e) => o.get(e) ?? []).join("&");
+	return s ? `${r}?${s}` : r;
+}
+function P(e) {
+	let t = [];
+	for (let [n, r] of Object.entries(e ?? {})) for (let e of [r].flat()) {
+		if (e === void 0) continue;
+		let r = new URLSearchParams([[n, e === null ? "" : String(e)]]).toString();
+		t.push(e === null ? r.slice(0, -1) : r);
+	}
+	return t.length ? `?${t.join("&")}` : "";
+}
+function F(e, t) {
+	let n = 0;
+	for (; n < t.length; n++) {
+		let e = t.charCodeAt(n);
+		if (e !== 47 && e !== 92 && e !== 9 && e !== 10 && e !== 13) break;
+	}
+	return `${T(e)}/${t.slice(n)}`;
+}
+var I = new Set("Adlm Arab Aran Armi Avst Chrs Cprt Elym Hatr Hebr Hung Khar Lydi Mand Mani Mend Merc Mero Narb Nbat Nkoo Orkh Ougr Palm Phli Phlp Phnx Prti Rohg Samr Sarb Sogd Sogo Syrc Thaa Yezi".split(" ")), L = (e) => I.has(new Intl.Locale(e).maximize().script ?? "");
+function R(e) {
+	let [t, ...n] = e.split("_").join("-").split("-");
+	for (; n[0]?.length === 3 && Number.isNaN(Number(n[0]));) n.shift();
+	try {
+		return L([t, ...n].join("-"));
+	} catch {
+		try {
+			return !n.includes("") && L(t);
+		} catch {
+			return !1;
+		}
+	}
+}
+var z = /* @__PURE__ */ new Map();
+function B(e) {
+	let t = z.get(e);
+	return t === void 0 && z.set(e, t = R(e)), t;
+}
+function V(e) {
+	return e.dir || (B(e.iso || e.code) ? "rtl" : void 0);
+}
+function H(e) {
+	let { locale: t, seoLocales: n, hrefOf: r, canonical: i, xDefault: a, alternates: o = !0, addDirAttribute: s = !0, addSeoAttributes: c = !0 } = e, { identifierAttribute: l = "id", hreflangBaseLanguage: u = !1, missingWarn: d = !0 } = e, f = { lang: t.iso || t.code }, p = s ? V(t) : void 0;
+	if (p && (f.dir = p), !c) return {
+		htmlAttrs: f,
+		link: [],
+		meta: []
+	};
+	let m = [], h = O(t);
+	h ? m.push({
+		[l]: "i18n-og",
+		property: "og:locale",
+		content: h
+	}) : j(t, {
+		missingWarn: d,
+		tag: "og:locale"
+	}), m.push({
+		[l]: "i18n-og-url",
+		property: "og:url",
+		content: i
+	});
+	for (let e of n) {
+		if (e.code === t.code) continue;
+		let n = O(e);
+		n ? m.push({
+			[l]: `i18n-og-alt-${n}`,
+			property: "og:locale:alternate",
+			content: n
+		}) : j(e, {
+			missingWarn: d,
+			tag: "og:locale:alternate"
+		});
+	}
+	let g = [{
+		[l]: "i18n-can",
+		rel: "canonical",
+		href: i
+	}];
+	if (o) for (let { hreflang: e, localeCode: t } of ee(n, { hreflangBaseLanguage: u })) {
+		let n = r(t);
+		n && g.push({
+			[l]: `i18n-alternate-${e}`,
+			rel: "alternate",
+			href: n,
+			hreflang: e
+		});
+	}
+	return o && a && g.push({
+		[l]: "i18n-xd",
+		rel: "alternate",
+		href: a,
+		hreflang: "x-default"
+	}), {
+		htmlAttrs: f,
+		link: g,
+		meta: m
+	};
+}
+// src/router/path.ts
+var U = (e) => typeof e == "string" ? e : `${e.path || "/"}${P(e.query)}${e.hash ?? ""}`, W = (e) => e.getRoute?.().fullPath ?? e.getCurrentPath(), G = /*#__PURE__*/ n({
 	name: "I18nLink",
 	props: {
 		to: {
@@ -38,74 +222,49 @@ var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-loc
 			default: void 0
 		}
 	},
-	setup(t, { slots: i }) {
-		let a = r(p), o = r(g, void 0);
+	setup(e, { slots: n }) {
+		let a = i(b), o = i(C, void 0);
 		if (!a) throw Error("[i18n-micro] I18nLink: i18n instance not found. Make sure i18n plugin is installed.");
-		let s = e(() => typeof t.to == "string" && /^(?:https?:\/\/|\/\/|[a-zA-Z0-9-]+\.[a-zA-Z]{2,})|tel:|mailto:/.test(t.to)), c = e(() => {
-			if (s.value) return t.to;
-			if (t.localeRoute) {
-				let e = t.localeRoute(t.to);
-				return typeof e == "string" ? e : e.path || "/";
-			}
-			if (!o?.resolvePath) return typeof t.to == "string" ? t.to : t.to.path || "/";
-			let e = o.resolvePath(t.to, a.locale.value);
-			return typeof e == "string" ? e : e.path || "/";
-		}), l = e(() => s.value || !o ? !1 : o.getCurrentPath().replace(/#.*$/, "").replace(/\/$/, "") === c.value.replace(/#.*$/, "").replace(/\/$/, "")), u = e(() => l.value ? t.activeStyle : {});
-		return () => s.value ? n("a", {
-			href: c.value,
-			target: "_blank",
-			rel: "noopener noreferrer",
-			style: u.value
-		}, i.default?.()) : o?.linkComponent ? n(o.linkComponent, {
-			to: c.value,
-			style: u.value
-		}, { default: i.default }) : n("a", {
-			href: c.value,
-			style: u.value,
-			onClick: (e) => {
-				e.preventDefault(), o ? o.push({ path: c.value }) : window.location.href = c.value;
-			}
-		}, i.default?.());
+		let s = t(() => f(e.to)), c = t(() => e.localeRoute ? U(e.localeRoute(e.to)) : o?.resolvePath ? U(o.resolvePath(e.to, a.locale.value)) : U(e.to)), l = t(() => o !== void 0 && s.value === void 0 && h(o.getCurrentPath(), c.value) ? e.activeStyle : {}), u = (e) => {
+			m(e) && (e.preventDefault(), o ? o.push({ path: c.value }) : window.location.href = c.value);
+		};
+		return () => {
+			if (s.value !== void 0) return r("a", {
+				href: s.value,
+				target: "_blank",
+				rel: "noopener noreferrer",
+				style: l.value
+			}, n.default?.());
+			if (o?.linkComponent) return r(o.linkComponent, {
+				to: c.value,
+				style: l.value
+			}, { default: n.default });
+			let e = o?.toHref?.(c.value) ?? c.value;
+			return r("a", {
+				href: e,
+				style: l.value,
+				onClick: u
+			}, n.default?.());
+		};
 	}
-}), y = t({
+}), K = {
+	type: Object,
+	default: () => ({})
+}, q = /*#__PURE__*/ n({
 	name: "I18nSwitcher",
 	props: {
 		customLabels: {
 			type: Object,
 			default: () => ({})
 		},
-		customWrapperStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customButtonStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customDropdownStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customItemStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customLinkStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customActiveLinkStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customDisabledLinkStyle: {
-			type: Object,
-			default: () => ({})
-		},
-		customIconStyle: {
-			type: Object,
-			default: () => ({})
-		},
+		customWrapperStyle: K,
+		customButtonStyle: K,
+		customDropdownStyle: K,
+		customItemStyle: K,
+		customLinkStyle: K,
+		customActiveLinkStyle: K,
+		customDisabledLinkStyle: K,
+		customIconStyle: K,
 		locales: {
 			type: Array,
 			default: void 0
@@ -127,152 +286,45 @@ var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-loc
 			default: void 0
 		}
 	},
-	setup(t, { slots: c }) {
-		let l = r(p), u = r(g, void 0), d = r(m, void 0);
-		if (!l) throw Error("[i18n-micro] I18nSwitcher: i18n instance not found. Make sure i18n plugin is installed.");
-		if (!d && !t.locales) throw Error("[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop.");
-		let f = e(() => t.locales || d || []), h = e(() => f.value.filter((e) => !e.disabled)), _ = e(() => t.currentLocale === void 0 ? l.locale.value : typeof t.currentLocale == "function" ? t.currentLocale() : t.currentLocale), v = e(() => f.value.some((e) => e.code === _.value && e.disabled)), y = e(() => t.getLocaleName ? t.getLocaleName() || null : f.value.find((e) => e.code === l.locale.value)?.displayName || null), b = s(!1), x = s(null), S = (e) => {
-			e && (e.stopPropagation(), e.preventDefault()), b.value = !b.value;
-		}, C = (e) => t.customLabels[e.code] || e.displayName || e.code, w = e(() => {
-			let e = f.value.find((e) => e.code === _.value);
-			return e ? C(e) : y.value || _.value;
-		}), T = async (e) => {
-			if (b.value = !1, await i(), t.switchLocale) {
-				t.switchLocale(e);
-				return;
-			}
-			if (l.locale.value = e, !u) return;
-			let n = u.getCurrentPath(), r = t.localeRoute ? (() => {
-				let r = t.localeRoute(n, e);
-				return typeof r == "string" ? r : r.path || "/";
-			})() : u?.resolvePath ? (() => {
-				let t = u.resolvePath(n, e);
-				return typeof t == "string" ? t : t.path || "/";
-			})() : n;
-			u.push({ path: r });
-		}, E = {
-			position: "relative",
-			display: "inline-block",
-			verticalAlign: "middle"
-		}, D = {
-			padding: "4px 12px",
-			fontSize: "16px",
-			cursor: "pointer",
-			backgroundColor: "#fff",
-			border: "1px solid #333",
-			transition: "background-color 0.3s ease",
-			display: "flex",
-			alignItems: "center",
-			justifyContent: "space-between"
-		}, O = {
-			position: "absolute",
-			top: "100%",
-			left: "0",
-			zIndex: 1e3,
-			backgroundColor: "#fff",
-			border: "1px solid #333",
-			listStyle: "none",
-			padding: "0",
-			margin: "4px 0 0 0",
-			minWidth: "150px",
-			boxShadow: "0 2px 8px rgba(0,0,0,0.15)"
-		}, k = {
-			margin: "0",
-			padding: "0"
-		}, A = {
-			display: "block",
-			padding: "8px 12px",
-			color: "#333",
-			textDecoration: "none",
-			transition: "background-color 0.3s ease",
-			cursor: "pointer"
-		}, j = {
-			fontWeight: "bold",
-			color: "#007bff",
-			cursor: "not-allowed"
-		}, M = {
-			marginLeft: "8px",
-			display: "inline-block",
-			transition: "transform 0.3s ease"
-		}, N = { transform: "rotate(180deg)" }, P = (e) => e ? Array.isArray(e) ? e : [e] : [], F = (e) => {
-			if (!b.value) return;
-			let t = e.target;
-			if (!t || !x.value) return;
-			let n = x.value.contains(t), r = t.closest(".i18n-switcher-button") !== null;
-			!n && !r && (b.value = !1);
+	setup(t, { slots: n }) {
+		let c = i(b), l = i(C, void 0), u = i(x, void 0);
+		if (!c) throw Error("[i18n-micro] I18nSwitcher: i18n instance not found. Make sure i18n plugin is installed.");
+		if (!u && !t.locales) throw Error("[i18n-micro] I18nSwitcher: locales not provided. Make sure app.provide(I18nLocalesKey, locales) is called or pass locales prop.");
+		let d = () => t.locales || u || [], f = (e) => {
+			let n = l ? W(l) : typeof window < "u" ? window.location.pathname + window.location.search + window.location.hash : "/";
+			return t.localeRoute ? t.localeRoute(n, e) : l?.resolvePath ? l.resolvePath(n, e) : n;
 		};
-		return a(() => {
-			document.addEventListener("click", F);
-		}), o(() => {
-			document.removeEventListener("click", F);
-		}), () => {
-			let e = [];
-			c["before-button"] && e.push(...P(c["before-button"]()));
-			let r = [];
-			if (c["before-selected-locale"] && r.push(...P(c["before-selected-locale"]())), r.push(n("span", w.value)), c["after-selected-locale"] && r.push(...P(c["after-selected-locale"]())), r.push(n("span", { style: {
-				...M,
-				...b.value ? N : {},
-				...t.customIconStyle
-			} }, "▼")), e.push(n("button", {
-				class: "i18n-switcher-button",
-				style: {
-					...D,
-					...t.customButtonStyle,
-					...v.value ? t.customDisabledLinkStyle : {}
-				},
-				onClick: (e) => {
-					e.preventDefault(), e.stopPropagation(), S(e);
-				},
-				type: "button",
-				ariaHaspopup: !0,
-				ariaExpanded: b.value
-			}, r)), c["before-dropdown"] && e.push(...P(c["before-dropdown"]())), b.value) {
-				let r = [];
-				c["before-dropdown-items"] && r.push(...P(c["before-dropdown-items"]())), h.value.forEach((e) => {
-					let i = [];
-					c["before-item"] && i.push(...P(c["before-item"]({ locale: e })));
-					let a = [];
-					c["before-link-content"] && a.push(...P(c["before-link-content"]({ locale: e }))), a.push(C(e)), c["after-link-content"] && a.push(...P(c["after-link-content"]({ locale: e })));
-					let o = typeof window < "u" ? window.location.pathname : "/", s = t.localeRoute ? t.localeRoute(o, e.code) : u?.resolvePath ? u.resolvePath(o, e.code) : o, l = typeof s == "string" ? s : s.path || "#", d = e.code === _.value;
-					i.push(n("a", {
-						class: `switcher-locale-${e.code}`,
-						href: typeof l == "string" ? l : "#",
-						style: {
-							...A,
-							...d ? j : {},
-							...t.customLinkStyle,
-							...d ? t.customActiveLinkStyle : {}
-						},
-						onClick: (t) => {
-							t.preventDefault(), t.stopPropagation(), T(e.code);
-						}
-					}, a)), c["after-item"] && i.push(...P(c["after-item"]({ locale: e }))), r.push(n("li", {
-						key: e.code,
-						style: {
-							...k,
-							...t.customItemStyle
-						}
-					}, i));
-				}), c["after-dropdown-items"] && r.push(...P(c["after-dropdown-items"]())), e.push(n("ul", {
-					class: "i18n-switcher-dropdown",
-					style: {
-						...O,
-						...t.customDropdownStyle
-					}
-				}, r));
+		return v({
+			h: r,
+			Fragment: e,
+			ref: s,
+			onMounted: a,
+			onUnmounted: o
+		}, {
+			locales: d,
+			locale: () => typeof t.currentLocale == "function" ? t.currentLocale() : t.currentLocale ?? c.locale.value,
+			localeName: () => t.getLocaleName ? t.getLocaleName() : d().find((e) => e.code === c.locale.value)?.displayName ?? null,
+			href: (e) => {
+				let t = f(e), n = typeof t == "string" ? t : t.path;
+				return n ? l?.toHref?.(n) ?? n : "#";
+			},
+			browserNavigates: () => !l && !t.switchLocale && t.localeRoute !== void 0,
+			select: (e) => {
+				if (t.switchLocale) return t.switchLocale(e);
+				let n = l && U(f(e));
+				c.locale.value = e, n && l.push({ path: n });
 			}
-			return c["after-dropdown"] && e.push(...P(c["after-dropdown"]())), n("div", {
-				ref: x,
-				class: "i18n-switcher-wrapper",
-				style: {
-					...E,
-					...t.customWrapperStyle
-				}
-			}, e);
-		};
+		}, t, n);
 	}
-}), b = t({
-	name: "I18nT",
+}), J = {
+	h: r,
+	Fragment: e
+}, Y = /*#__PURE__*/ Object.assign((e, { slots: t, attrs: n }) => {
+	let r = i(b);
+	if (!r) throw Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");
+	return y(J, r, e, t, n);
+}, {
+	displayName: "I18nT",
 	inheritAttrs: !1,
 	props: {
 		keypath: {
@@ -284,10 +336,7 @@ var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-loc
 			type: String,
 			default: "span"
 		},
-		params: {
-			type: Object,
-			default: () => ({})
-		},
+		params: { type: Object },
 		defaultValue: {
 			type: String,
 			default: ""
@@ -315,139 +364,19 @@ var p = Symbol("i18n"), m = Symbol("i18n-locales"), h = Symbol("i18n-default-loc
 			String,
 			Number
 		] }
-	},
-	setup(e, { slots: t, attrs: i }) {
-		let a = r(p);
-		if (!a) throw Error("[i18n-micro] I18nT: i18n instance not found. Make sure i18n plugin is installed.");
-		return () => {
-			let r = {}, o = a.getRoute(), s = { ...i };
-			delete s.innerHTML;
-			let c = (t) => e.html ? n(e.tag, {
-				...s,
-				innerHTML: t
-			}) : n(e.tag, s, t);
-			if (e.number !== void 0) {
-				let t = Number(e.number), n = a.tn(t), r = a.t(e.keypath, {
-					number: n,
-					...e.params
-				}, void 0, o);
-				return c(String(r ?? ""));
-			}
-			if (e.date !== void 0) {
-				let t = a.td(e.date), n = a.t(e.keypath, {
-					date: t,
-					...e.params
-				}, void 0, o);
-				return c(String(n ?? ""));
-			}
-			if (e.relativeDate !== void 0) {
-				let t = a.tdr(e.relativeDate), n = a.t(e.keypath, {
-					relativeDate: t,
-					...e.params
-				}, void 0, o);
-				return c(String(n ?? ""));
-			}
-			if (e.plural !== void 0) {
-				let t = Number.parseInt(e.plural.toString(), 10);
-				return e.customPluralRule ? c(e.customPluralRule(e.keypath, t, e.params, a.locale.value, (e, t, n) => a.t(e, t, n, o)) || "") : c(a.tc(e.keypath, {
-					count: t,
-					...e.params
-				}));
-			}
-			let l = (a.t(e.keypath, {
-				...e.params,
-				...r
-			}, void 0, o) ?? "").toString();
-			if (e.hideIfEmpty && !l.trim()) return e.defaultValue ?? null;
-			if (e.html) return c(l);
-			if (t.default) return n(e.tag, s, t.default({ translation: l }));
-			let u = [], d = 0, f = Object.entries(t).filter(([e]) => e !== "default").map(([e, t]) => {
-				let n = `{${e}}`;
-				return {
-					placeholder: n,
-					slotFn: t,
-					index: l.indexOf(n)
-				};
-			}).filter(({ index: e }) => e !== -1).sort((e, t) => e.index - t.index);
-			for (let { placeholder: e, slotFn: t, index: r } of f) r > d && u.push(l.slice(d, r)), t && u.push(n(t)), d = r + e.length;
-			return d < l.length && u.push(l.slice(d)), t.default ? n(e.tag, s, t.default({ children: u })) : u.length > 0 ? n(e.tag, s, u) : n(e.tag, s, l);
-		};
 	}
 });
-//#endregion
-//#region ../utils/dist/resolve-hreflang.mjs
-function x(e) {
-	return e.iso?.trim() || String(e.code);
-}
-function S(e) {
-	let t = e.match(/^([A-Za-z]{2,3})(?:[-_](.+))?$/);
-	return t ? {
-		language: t[1],
-		region: t[2]
-	} : { language: e };
-}
-function C(e, t = {}) {
-	let { hreflangBaseLanguage: n = !1 } = t;
-	if (!n) return e.map((e) => {
-		let t = String(e.code);
-		return {
-			hreflang: x(e),
-			localeCode: t
-		};
-	});
-	let r = /* @__PURE__ */ new Map();
-	for (let t of e) {
-		let e = String(t.code), n = x(t), { language: i, region: a } = S(n);
-		i && a && !r.has(i) && r.set(i, e), r.set(n, e);
-	}
-	let i = /* @__PURE__ */ new Set(), a = [];
-	for (let t of e) {
-		let e = String(t.code), n = x(t), { language: o, region: s } = S(n);
-		o && s && r.get(o) === e && !i.has(o) && (i.add(o), a.push({
-			hreflang: o,
-			localeCode: e
-		})), i.has(n) || (i.add(n), a.push({
-			hreflang: n,
-			localeCode: e
-		}));
-	}
-	return a;
-}
-//#endregion
-//#region ../utils/dist/resolve-og-locale.mjs
-function w(e) {
-	let t = e.og?.trim();
-	if (t) return t;
-	let n = e.iso?.trim();
-	if (!n) return null;
-	let r = n.indexOf("_");
-	if (r > 0) {
-		let e = n.slice(0, r), t = n.slice(r + 1);
-		if (e.length >= 2 && t.length === 2) return `${e.toLowerCase()}_${t.toUpperCase()}`;
-	}
-	let i = n.indexOf("-");
-	if (i > 0) {
-		let e = n.slice(0, i), t = n.slice(i + 1);
-		if (e.length >= 2 && t.length === 2 && /^[A-Za-z]{2}$/.test(t)) return `${e.toLowerCase()}_${t.toUpperCase()}`;
-	}
-	return null;
-}
-function T(e, t = {}) {
-	if (w(e) !== null || t.missingWarn === !1 || process.env.NODE_ENV === "production") return;
-	let n = t.tag ?? "og:locale", r = String(e.code ?? "unknown"), i = e.iso ? `, iso: '${e.iso}'` : "";
-	console.warn(`[i18n] Cannot derive ${n} for locale '${r}'${i}. Set locale.og (e.g. 'en_US') or use iso with a 2-letter region (e.g. 'en-US').`);
-}
-//#endregion
-//#region src/use-i18n.ts
-function E(t) {
-	let n = r(p), i = r(g, void 0), a = r(m, void 0), o = r(h, void 0);
+// src/use-i18n.ts
+function X(e) {
+	let n = i(b), r = i(C, void 0), a = i(x, void 0), o = i(S, void 0);
 	if (!n) throw Error("[i18n-micro] useI18n() must be called after app.use(i18n). Make sure i18n plugin is installed.");
-	if (!a) throw Error("[i18n-micro] I18nLocalesKey not provided. Make sure app.provide(I18nLocalesKey, locales) is called.");
-	if (!o) throw Error("[i18n-micro] I18nDefaultLocaleKey not provided. Make sure app.provide(I18nDefaultLocaleKey, defaultLocale) is called.");
-	let s = t?.locales || a, c = t?.defaultLocale || o, l = (e, t) => i?.resolvePath ? i.resolvePath(e, t || n.locale.value) : e;
+	let s = e?.locales || a, c = e?.defaultLocale || o;
+	if (!s) throw Error("[i18n-micro] I18nLocalesKey not provided. Make sure app.provide(I18nLocalesKey, locales) is called.");
+	if (!c) throw Error("[i18n-micro] I18nDefaultLocaleKey not provided. Make sure app.provide(I18nDefaultLocaleKey, defaultLocale) is called.");
+	let l = (e, t) => r?.resolvePath ? r.resolvePath(e, t || n.locale.value) : e;
 	return {
 		instance: n,
-		locale: e({
+		locale: t({
 			get: () => n.locale.value,
 			set: (e) => {
 				n.locale.value = e;
@@ -457,15 +386,10 @@ function E(t) {
 		defaultLocale: () => c,
 		getLocaleName: () => s.find((e) => e.code === n.locale.value)?.displayName || null,
 		localeRoute: l,
-		localePath: (e, t) => {
-			let n = l(e, t);
-			return typeof n == "string" ? n : n.path || "/";
-		},
+		localePath: (e, t) => U(l(e, t)),
 		switchLocale: (e) => {
-			if (n.locale.value = e, i) {
-				let t = i.getCurrentPath(), n = l(t, e);
-				i.push(typeof n == "string" ? { path: n } : { path: n.path || "/" });
-			}
+			let t = r && U(l(W(r), e));
+			n.locale.value = e, t && r.push({ path: t });
 		},
 		t: n.t.bind(n),
 		ts: n.ts.bind(n),
@@ -485,129 +409,61 @@ function E(t) {
 		clearCache: n.clearCache.bind(n)
 	};
 }
-//#endregion
-//#region src/composables/use-locale-head.ts
-function D(e = {}) {
-	let { addDirAttribute: t = !0, identifierAttribute: n = "id", addSeoAttributes: i = !0, baseUrl: a = "/", hreflangBaseLanguage: o = !1 } = e, { getLocale: c, getLocales: l, localeRoute: u } = E(), d = r(g, void 0), f = s({
+// src/composables/use-locale-head.ts
+var Z = (e) => e.startsWith("http://") || e.startsWith("https://");
+function Q(e = {}) {
+	let { addDirAttribute: t = !0, identifierAttribute: n = "id", addSeoAttributes: r = !0, baseUrl: a = "/", hreflangBaseLanguage: o = !1 } = e, { getLocale: c, getLocales: l, localeRoute: u } = X(), d = i(C, void 0), f = i(S, void 0), p = s({
 		htmlAttrs: {},
 		link: [],
 		meta: []
 	});
-	function p(e, t) {
-		let n = new URL(e, "http://localhost"), r = new URLSearchParams(n.search), i = {};
-		for (let e of t) r.has(e) && (i[e] = r.get(e));
-		let a = new URLSearchParams(i);
-		return a.toString() ? `${n.pathname}?${a.toString()}` : n.pathname;
-	}
 	function m(e = []) {
 		if (!d) {
-			f.value = {
+			p.value = {
 				htmlAttrs: {},
 				link: [],
 				meta: []
 			};
 			return;
 		}
-		let s = c(), m = l(), g = m.find((e) => e.code === s);
-		if (!g) return;
-		let _ = g.iso || s, v = w(g), y = g.dir || "auto", b = d.getCurrentPath();
-		b.startsWith("/") || (b = `/${b}`);
-		let x = b.split("/").filter(Boolean), S = m.find((e) => x[0] === e.code), E = b, D, O, k = typeof a == "function" ? a() : a;
-		S ? (E = b.slice(S.code.length + 1) || "/", D = p(E, e), O = `${k}${`/${s}`}${D.startsWith("/") ? "" : "/"}${D}`) : (D = p(b, e), O = `${k}${D.startsWith("/") ? "" : "/"}${D}`);
-		let A = {
-			lang: _,
-			...t ? { dir: y } : {}
-		};
-		if (!i) {
-			f.value = {
-				htmlAttrs: A,
-				link: [],
-				meta: []
-			};
-			return;
-		}
-		let j = m.filter((e) => !e.disabled && e.seo !== !1);
-		v || T(g, { tag: "og:locale" });
-		let M = v ? {
-			[n]: "i18n-og",
-			property: "og:locale",
-			content: v
-		} : null, N = {
-			[n]: "i18n-og-url",
-			property: "og:url",
-			content: O
-		}, P = j.filter((e) => e.code !== s).map((e) => {
-			let t = w(e);
-			return t ? {
-				[n]: `i18n-og-alt-${t}`,
-				property: "og:locale:alternate",
-				content: t
-			} : (T(e, { tag: "og:locale:alternate" }), null);
-		}).filter((e) => e !== null), F = {
-			[n]: "i18n-can",
-			rel: "canonical",
-			href: O
-		}, I = (() => {
-			if (!u || !d) return [];
-			let e = /* @__PURE__ */ new Map(), t = d.getCurrentPath();
-			for (let n of j) {
-				let r = u(t, n.code), i = typeof r == "string" ? r : r?.path || "/";
-				if (!i) continue;
-				let o;
-				o = i.startsWith("http://") || i.startsWith("https://") ? i : `${typeof a == "function" ? a() : a}${i.startsWith("/") ? "" : "/"}${i}`, e.set(String(n.code), o);
-			}
-			return C(j, { hreflangBaseLanguage: o }).flatMap(({ hreflang: t, localeCode: r }) => {
-				let i = e.get(r);
-				return i ? [{
-					[n]: `i18n-alternate-${t}`,
-					rel: "alternate",
-					href: i,
-					hreflang: t
-				}] : [];
-			});
-		})(), L = r(h, void 0), R = null, z = L ? m.find((e) => e.code === L) : void 0;
-		if (u && d && L && z?.seo !== !1) {
-			let e = d.getCurrentPath(), t = u(e, L), r = typeof t == "string" ? t : t?.path || "/";
-			if (r) {
-				let e;
-				e = r.startsWith("http://") || r.startsWith("https://") ? r : `${typeof a == "function" ? a() : a}${r.startsWith("/") ? "" : "/"}${r}`, R = {
-					[n]: "i18n-xd",
-					rel: "alternate",
-					href: e,
-					hreflang: "x-default"
-				};
-			}
-		}
-		f.value = {
-			htmlAttrs: A,
-			meta: [
-				...M ? [M] : [],
-				N,
-				...P
-			],
-			link: [
-				F,
-				...I,
-				...R ? [R] : []
-			]
-		};
+		let i = l(), s = i.find((e) => e.code === c());
+		if (!s) return;
+		let m = typeof a == "function" ? a() : a, h = _(d.getCurrentPath()) || "/", g = N(W(d), e), v = g.indexOf("?"), y = v === -1 ? "" : g.slice(v), b = (e) => {
+			let t = U(u(h, e));
+			return t ? `${Z(t) ? t : F(m, t)}${y}` : "";
+		}, x = i.find((e) => e.code === f);
+		p.value = H({
+			locale: s,
+			seoLocales: i.filter((e) => !e.disabled && e.seo !== !1),
+			hrefOf: b,
+			canonical: b(s.code),
+			xDefault: x && x.seo !== !1 ? b(x.code) : void 0,
+			addDirAttribute: t,
+			addSeoAttributes: r,
+			identifierAttribute: n,
+			hreflangBaseLanguage: o
+		});
 	}
 	return {
-		metaObject: f,
+		metaObject: p,
 		updateMeta: m
 	};
 }
-//#endregion
-//#region src/composer.ts
-var O = class extends l {
+// src/composer.ts
+var $ = class extends l {
 	constructor(e) {
 		let t = { translations: /* @__PURE__ */ new Map() };
-		if (super({
+		super({
 			storage: t,
 			plural: e.plural,
 			missingWarn: e.missingWarn,
-			missingHandler: e.missingHandler
-		}), this.listeners = /* @__PURE__ */ new Set(), this.storage = t, this._locale = c(e.locale), this._fallbackLocale = c(e.fallbackLocale || e.locale), this._currentRoute = c("index"), this._revision = c(0), e.messages) for (let [t, n] of Object.entries(e.messages)) this.helper.loadTranslations(t, n);
+			missingHandler: e.missingHandler,
+			numberFormats: e.numberFormats,
+			datetimeFormats: e.datetimeFormats,
+			timeZone: e.timeZone,
+			localeIso: e.localeIso
+		}), this.listeners = /* @__PURE__ */ new Set(), this.storage = t, this._locale = c(e.locale), this._fallbackLocale = c(e.fallbackLocale || e.locale), this._currentRoute = c("index"), this._revision = c(0);
+		for (let [t, n] of Object.entries(e.messages ?? {})) this.helper.mergeTranslation(t, "index", n);
 	}
 	get locale() {
 		return this._locale;
@@ -637,16 +493,16 @@ var O = class extends l {
 		return this._currentRoute.value;
 	}
 	addTranslations(e, t, n = !0) {
-		super.loadTranslationsCore(e, t, n), this._revision.value++, this.notifyListeners();
+		this.loadTranslationsCore(e, t, n);
 	}
 	addRouteTranslations(e, t, n, r = !0) {
-		super.loadRouteTranslationsCore(e, t, n, r), this._revision.value++, this.notifyListeners();
+		this.loadTranslationsCore(e, n, r, t);
 	}
 	mergeTranslations(e, t, n) {
-		this.helper.mergeTranslation(e, t, n, !0), this._revision.value++, this.notifyListeners();
+		this.loadTranslationsCore(e, n, !0, t);
 	}
-	clearCache() {
-		super.clearCache(), this._revision.value++, this.notifyListeners();
+	touch() {
+		this._revision.value;
 	}
 	onTranslationsChanged() {
 		this._revision.value++, this.notifyListeners();
@@ -655,7 +511,11 @@ var O = class extends l {
 		return this.listeners.add(e), () => this.listeners.delete(e);
 	}
 	notifyListeners() {
-		this.listeners.forEach((e) => e());
+		for (let e of [...this.listeners]) if (this.listeners.has(e)) try {
+			e();
+		} catch (e) {
+			console.error("[i18n-micro] change listener failed:", e);
+		}
 	}
 	getStorage() {
 		return this.storage;
@@ -666,21 +526,22 @@ var O = class extends l {
 		return e;
 	}
 };
-//#endregion
-//#region src/plugin.ts
-function k(e) {
-	let { routingStrategy: t, locales: n, defaultLocale: r, ...i } = e, a = new O(i), o = null, s = t || null;
+// src/plugin.ts
+function te(e) {
+	let { routingStrategy: t, locales: n, defaultLocale: r, ...i } = e, a = new $({
+		localeIso: n && g(n),
+		...i
+	}), o = null, s = t || null;
 	return {
 		global: a,
 		setRoutingStrategy: (e) => {
-			s = e, o && o.provide(g, e);
+			s = e, o && o.provide(C, e);
 		},
 		install(e) {
-			o = e, e.provide(p, a), s && e.provide(g, s), n && e.provide(m, n), r && e.provide(h, r), e.config.globalProperties.$t = (e, t, n, r) => a.t(e, t, n, r), e.config.globalProperties.$ts = (e, t, n, r) => a.ts(e, t, n, r), e.config.globalProperties.$tc = (e, t, n) => a.tc(e, t, n), e.config.globalProperties.$tn = a.tn.bind(a), e.config.globalProperties.$td = a.td.bind(a), e.config.globalProperties.$tdr = a.tdr.bind(a), e.config.globalProperties.$has = (e, t) => a.has(e, t), e.config.globalProperties.$i18n = a, e.component("I18nT", b), e.component("I18nLink", v), e.component("I18nGroup", _), e.component("I18nSwitcher", y);
+			o = e, e.provide(b, a), s && e.provide(C, s), n && e.provide(x, n), r && e.provide(S, r), e.config.globalProperties.$t = (e, t, n, r) => a.t(e, t, n, r), e.config.globalProperties.$ts = (e, t, n, r) => a.ts(e, t, n, r), e.config.globalProperties.$tc = (e, t, n) => a.tc(e, t, n), e.config.globalProperties.$tn = a.tn.bind(a), e.config.globalProperties.$td = a.td.bind(a), e.config.globalProperties.$tdr = a.tdr.bind(a), e.config.globalProperties.$has = (e, t) => a.has(e, t), e.config.globalProperties.$i18n = a, e.component("I18nT", Y), e.component("I18nLink", G), e.component("I18nGroup", w), e.component("I18nSwitcher", q);
 		}
 	};
 }
-//#endregion
-export { u as FormatService, h as I18nDefaultLocaleKey, _ as I18nGroup, p as I18nInjectionKey, v as I18nLink, m as I18nLocalesKey, y as I18nSwitcher, b as I18nT, O as VueI18n, k as createI18n, d as defaultPlural, f as interpolate, E as useI18n, D as useLocaleHead };
+export { u as FormatService, S as I18nDefaultLocaleKey, w as I18nGroup, b as I18nInjectionKey, G as I18nLink, x as I18nLocalesKey, q as I18nSwitcher, Y as I18nT, $ as VueI18n, te as createI18n, d as defaultPlural, p as interpolate, X as useI18n, Q as useLocaleHead };
 
 //# sourceMappingURL=index.mjs.map