Доступные локали

useAvailableLocales() возвращает вычисляемый список всех локалей, зарегистрированных в конфигурации плагина. Каждый элемент — объект LocaleInfo, содержащий код локали и её метаданные.

import { useAvailableLocales } from 'vue-i18n-kit'

const { availableLocales } = useAvailableLocales()
// availableLocales.value →
// [
//   { code: 'en', meta: { display: 'English', flag: '🇬🇧' } },
//   { code: 'ru', meta: { display: 'Русский', flag: '🇷🇺' } },
// ]

Возвращаемое значение

availableLocales

ComputedRef<LocaleInfo[]> — все локали в порядке объявления. У каждого элемента есть code: string и meta: TMeta | undefined.

Передайте generic-тип, чтобы получить типизированный meta без приведения типов:

interface AppLocaleMeta {
  display: string
  flag: string
}

const { availableLocales } = useAvailableLocales<AppLocaleMeta>()
availableLocales.value[0].meta?.display // string | undefined