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

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

Бърз пример

Смяна на езика на редактора по време на изпълнение:

<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	Виетнамски

Няколко редактора с различни локали

Използвайте scoped локалите на vue-i18n за език на ниво отделен екземпляр:

<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>