itube-specs 0.0.949 → 0.0.950

package/components/profile/setup.vue

@@ -130,6 +130,7 @@
 <script setup lang="ts">
 import type { ICountry, IGender, IProfileData, ISelectItem } from '../../types';
 import { compressImage, convertDateToTimestamp, validateEmail } from '../../runtime';
+import { isoCodeToCountryName } from '../../utils/iso-code-to-country-name';
 import { AuthorizationApiService } from '../../services/api/authorization.service';
 import { DictionariesApiService } from '../../services/api/dictionaries.service';
 
@@ -224,10 +225,20 @@ const [
   useFetchDictionariesGenders(DictionariesApiService.getGenders),
 ]);
 
-const countriesItems = computed<ISelectItem[] | undefined>(() => countriesData.value?.countries.map(item => ({
-  title: item.title,
-  value: item.title,
-})));
+// Список стран приходит с API только по-английски — подписываем его ICU-словарём и
+// пересортировываем коллатором, как в layout/language.vue. `value` остаётся английским
+// title: по нему findCountry() ищет страну и им же инициализируется поле из профиля.
+const countriesItems = computed<ISelectItem[] | undefined>(() => {
+  const collator = new Intl.Collator(locale.value);
+
+  return countriesData.value?.countries
+    .map((item) => {
+      const code = (item.isoCodes?.[0] || '').toUpperCase();
+      const name = isoCodeToCountryName(code, locale.value);
+      return { title: name === code ? item.title : name, value: item.title };
+    })
+    .sort((a, b) => collator.compare(a.title, b.title));
+});
 
 const gendersItems = computed<ISelectItem[] | undefined>(() => gendersData.value?.genders.map(item => ({
   title: item.title,

package/package.json

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

package/pages/user/profile.vue

@@ -64,8 +64,9 @@
 </template>
 
 <script setup lang="ts">
-import type { IProfileData } from '../../types';
+import type { ICountry, IProfileData } from '../../types';
 import { convertDateToTimestamp } from '../../runtime';
+import { isoCodeToCountryName } from '../../utils/iso-code-to-country-name';
 
 interface IDataItem {
   title: string
@@ -86,11 +87,24 @@ const memberSince = computed(() => {
   return new Intl.DateTimeFormat(locale.value, { month: 'long', year: 'numeric' }).format(date);
 });
 
+// Страна с API приходит объектом словаря (тип профиля знает её как строку) — подписываем её
+// тем же ICU-словарём, что селектор в шапке и форму профиля. Строку отдаём как есть: имени
+// без ISO-кода не перевести.
+const countryName = computed(() => {
+  const country = data.value.country as unknown as ICountry | string | null;
+  if (!country) return '';
+  if (typeof country === 'string') return country;
+
+  const code = (country.isoCodes?.[0] || '').toUpperCase();
+  const name = isoCodeToCountryName(code, locale.value);
+  return name === code ? country.title : name;
+});
+
 const items = computed<Array<IDataItem>>(() => {
   return [
     {
       title: t('profile.country'),
-      text: data.value.country?.title ?? '',
+      text: countryName.value,
       icon: 'geo'
     },
     {