Мультиязычность

Файл index.js в директории i18n/messages

Этот файл отвечает за организацию и экспорт сообщений локализации для многократного использования в приложении. Он собирает переводы для различных языков из отдельных JSON-файлов и предоставляет их в одном объекте.

import * as en from './en.json'
import * as ru from './ru.json'

export default {
  en,
  ru,
}

Добавляйте новые языки, создавая новые JSON-файлы в директории i18n/messages, а затем импортируйте их в этот файл.

Обновляйте сообщения локализации при добавлении новых текстов в приложение.

Описание

Импорт переводов:

• **import * as en from './en.json'**: Импортирует все сообщения локализации на английском языке из файла en.json.
• **import * as ru from './ru.json'**: Импортирует все сообщения локализации на русском языке из файла ru.json.

Экспорт объекта:

• Экспортируется объект, который содержит переводы для различных языков. В данном случае он содержит ключи en и ru, которые соответствуют языкам:
  • en: Объект с английскими переводами.
  • ru: Объект с русскими переводами.

Пример использования

В компоненте Vue можно использовать локализованные сообщения следующим образом:

import { useI18n } from 'vue-i18n'
import messages from '@/i18n/messages'

const { t } = useI18n({
  locale: 'en', // или 'ru'
  messages,
})

console.log(t('common.greeting')) // Выведет перевод на выбранном языке