Как достать переводы?

Для работы с переводами в Vue.js есть несколько подходов, в зависимости от используемого инструмента или библиотеки для локализации.

Один из самых популярных способов - использовать пакет vue-i18n. Перед началом работы с vue-i18n необходимо установить его с помощью менеджера пакетов npm:

npm install vue-i18n --save

После установки пакета, вы можете настроить его использование в вашем приложении Vue.js. Для начала импортируйте пакет в ваш файл с кодом:

import Vue from 'vue'
import VueI18n from 'vue-i18n'

Затем используйте Vue.use для добавления vue-i18n в экземпляр Vue:

Vue.use(VueI18n)

Теперь, после настройки vue-i18n, вы можете создать экземпляр VueI18n и передать в него объект с переводами. Например:

const i18n = new VueI18n({
  locale: 'en', // выбор языка по умолчанию
  messages: {
    en: {
      welcome: 'Welcome',
      about: 'About',
      contact: 'Contact'
    },
    ru: {
      welcome: 'Добро пожаловать',
      about: 'О нас',
      contact: 'Контакты'
    },
    // другие языки...
  }
})

Теперь вы можете использовать переводы в вашем приложении Vue.js с помощью директивы v-t или метода $t. Например:

<template>
  <div>
    <h1>{{ $t('welcome') }}</h1>
    <p>{{ $t('about') }}</p>
    <a href="#">{{ $t('contact') }}</a>
  </div>
</template>

<script>
export default {
  name: 'MyComponent'
}
</script>

В данном примере, в зависимости от текущей установленной локали, выводятся тексты на соответствующем языке. Вы можете изменить текущую локаль с помощью метода i18n.locale = 'ru'.

Vue-i18n также предоставляет возможность использования переменных в переводах, форматирование дат и чисел и многое другое. Вы можете ознакомиться с полной документацией и примерами использования на официальном сайте проекта: https://kazupon.github.io/vue-i18n/