Интернационализация

Подробности см. в руководстве по интернационализации.

Быстрый пример

Переключение языка редактора во время работы приложения:

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { locale } = useI18n()

const languages = [
  { code: 'en', name: 'English' },
  { code: 'de', name: 'Deutsch' },
  { code: 'fr', name: 'Français' },
  { code: 'es', name: 'Español' },
]
</script>

<template>
  <div>
    <v-select
      v-model="locale"
      :items="languages"
      item-title="name"
      item-value="code"
      label="Language"
    />

    <Tiptapify />
  </div>
</template>

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

Код	Язык	Код	Язык
en	Английский	ko	Корейский
ar	Арабский	la	Латышский
bg	Болгарский	lt	Литовский
ch	Китайский	nl	Нидерландский
cz	Чешский	no	Норвежский
de	Немецкий	pl	Польский
el	Греческий	pt	Португальский
es	Испанский	pt-BR	Португальский (бразильский)
et	Эстонский	ro	Румынский
fi	Финский	ru	Русский
fr	Французский	se	Шведский
he	Иврит	sk	Словацкий
hi	Хинди	sl	Словенский
hr	Хорватский	sr	Сербский
hu	Венгерский	th	Тайский
id	Индонезийский	tr	Турецкий
it	Итальянский	uk	Украинский
ja	Японский	vi	Вьетнамский

Несколько редакторов с разными локалями

Используйте локальные области vue-i18n (scoped locales), чтобы задать язык для каждого экземпляра:

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const en = useI18n({ useScope: 'local', locale: 'en' })
const de = useI18n({ useScope: 'local', locale: 'de' })
</script>

<template>
  <v-row>
    <v-col>
      <h3>English</h3>
      <Tiptapify />
    </v-col>
    <v-col>
      <h3>German</h3>
      <Tiptapify />
    </v-col>
  </v-row>
</template>