langie 2.0.2 → 2.0.4

package/dist/core.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.2
+ * langie v2.0.4
  * (c) 2026 nlit
  * @license Apache-2.0
  *

package/dist/core.mjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.2
+ * langie v2.0.4
  * (c) 2026 nlit
  * @license Apache-2.0
  *

package/dist/index.cjs

@@ -1,5 +1,5 @@
 /**
- * langie v2.0.2
+ * langie v2.0.4
  * (c) 2026 nlit
  * @license Apache-2.0
  *
@@ -632,6 +632,13 @@ function useLangieCore(options = {}) {
     }).catch(() => {
     });
   };
+  (0, import_vue.watch)(
+    [() => availableLanguages.value.length, currentLanguage],
+    ([count, lang]) => {
+      if (count) applyLocalizedNames(lang);
+    },
+    { immediate: true }
+  );
   const setLanguage = (lang) => {
     if (lang && lang !== currentLanguage.value) {
     }
@@ -2056,6 +2063,14 @@ function displayNative(name = "", native = "") {
   return name !== native && TRAILING_PAREN.test(name) && TRAILING_PAREN.test(native) ? native.replace(TRAILING_PAREN, "") : native;
 }
 
+// src/utils/languageLabel.ts
+function languageLabel(lang) {
+  const primary = lang.search_alias || lang.name || "";
+  const native = lang.native_name || "";
+  if (!native || native === primary) return { primary, native: "" };
+  return { primary, native: displayNative(primary, native) };
+}
+
 // src/utils/flagUrl.ts
 var isReadyFlagUrl = (flagCode) => flagCode.startsWith("/") || /^https?:\/\//i.test(flagCode);
 var flagImageUrl = (flagCode) => isReadyFlagUrl(flagCode) ? flagCode : `/flags/${flagCode}.svg`;
@@ -2418,20 +2433,20 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
                   key: selectedLanguageKey.value,
                   src: getFlagImageUrl(value),
                   class: "lang-flag",
-                  alt: `${value.native_name || value.name} flag`,
+                  alt: `${(0, import_vue4.unref)(languageLabel)(value).primary} flag`,
                   "data-custom-flag": (0, import_vue4.unref)(isReadyFlagUrl)(getFlagCode(value)) || void 0,
                   onError: onFlagError
                 }, null, 40, _hoisted_2)) : (0, import_vue4.createCommentVNode)("v-if", true),
                 (0, import_vue4.createElementVNode)("span", _hoisted_3, [
                   (0, import_vue4.createTextVNode)(
-                    (0, import_vue4.toDisplayString)(value.name) + " ",
+                    (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(value).primary) + " ",
                     1
                     /* TEXT */
                   ),
-                  value.native_name && value.native_name !== value.name ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
+                  (0, import_vue4.unref)(languageLabel)(value).native ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
                     "span",
                     _hoisted_4,
-                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(displayNative)(value.name, value.native_name)) + ")",
+                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(value).native) + ")",
                     1
                     /* TEXT */
                   )) : (0, import_vue4.createCommentVNode)("v-if", true)
@@ -2447,20 +2462,20 @@ var LanguageSelect_default = /* @__PURE__ */ (0, import_vue3.defineComponent)({
                   key: `${option.code}-${option.flag_country || "fallback"}`,
                   src: getFlagImageUrl(option),
                   class: "lang-flag",
-                  alt: `${option.name} flag`,
+                  alt: `${(0, import_vue4.unref)(languageLabel)(option).primary} flag`,
                   "data-custom-flag": (0, import_vue4.unref)(isReadyFlagUrl)(getFlagCode(option)) || void 0,
                   onError: onFlagError
                 }, null, 40, _hoisted_6)),
                 (0, import_vue4.createElementVNode)("span", _hoisted_7, [
                   (0, import_vue4.createTextVNode)(
-                    (0, import_vue4.toDisplayString)(option.name) + " ",
+                    (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(option).primary) + " ",
                     1
                     /* TEXT */
                   ),
-                  option.native_name && option.native_name !== option.name ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
+                  (0, import_vue4.unref)(languageLabel)(option).native ? ((0, import_vue4.openBlock)(), (0, import_vue4.createElementBlock)(
                     "span",
                     _hoisted_8,
-                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(displayNative)(option.name, option.native_name)) + ")",
+                    "(" + (0, import_vue4.toDisplayString)((0, import_vue4.unref)(languageLabel)(option).native) + ")",
                     1
                     /* TEXT */
                   )) : (0, import_vue4.createCommentVNode)("v-if", true)