itube-specs 0.0.947 → 0.0.948

package/components/layout/language.vue

@@ -161,10 +161,29 @@ const clientCountryName = computed(() => (
 
 const isCountryOpen = ref(false);
 const countryValue = ref('');
+
+// Список стран приходит с API только по-английски — подписываем его тем же ICU-словарём,
+// что и текущую страну, и пересортировываем коллатором: порядок с бэка — английский
+// алфавит. Нераспознанный код `isoCodeToCountryName` вернёт как есть — тогда имя с API.
+const localizedCountries = computed(() => {
+  const collator = new Intl.Collator(locale.value);
+
+  return countriesItems.value
+    .map((item) => {
+      const code = (item.key || '').toUpperCase();
+      const name = isoCodeToCountryName(code, locale.value);
+      const title = name === code ? item.title : name;
+      return { ...item, title, value: title, apiTitle: item.title };
+    })
+    .sort((a, b) => collator.compare(a.title, b.title));
+});
+
+// Ищем и по английскому имени: привычка набирать `germany` не должна ломаться на ru-локали
 const filteredCountries = computed(() => {
-  if (!countryValue.value) return countriesItems.value;
+  if (!countryValue.value) return localizedCountries.value;
   const query = countryValue.value.toLowerCase();
-  return countriesItems.value.filter(item => item.title.toLowerCase().includes(query));
+  return localizedCountries.value.filter(item => item.title.toLowerCase().includes(query)
+    || item.apiTitle.toLowerCase().includes(query));
 });
 
 function onCountryToggle(e: Event) {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "itube-specs",
   "type": "module",
-  "version": "0.0.947",
+  "version": "0.0.948",
   "main": "./nuxt.config.ts",
   "types": "./types/index.d.ts",
   "scripts": {