Internacionalizace

Všechny podrobnosti najdete v průvodci internacionalizací.

Rychlý příklad

Jazyk editoru lze přepnout za běhu:

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

Dostupné jazyky

Kód	Jazyk	Kód	Jazyk
en	angličtina	ko	korejština
ar	arabština	la	lotyština
bg	bulharština	lt	litevština
ch	čínština	nl	nizozemština
cz	čeština	no	norština
de	němčina	pl	polština
el	řečtina	pt	portugalština
es	španělština	pt-BR	portugalština (brazilská)
et	estonština	ro	rumunština
fi	finština	ru	ruština
fr	francouzština	se	švédština
he	hebrejština	sk	slovenština
hi	hindština	sl	slovinština
hr	chorvatština	sr	srbština
hu	maďarština	th	thajština
id	indonéština	tr	turečtina
it	italština	uk	ukrajinština
ja	japonština	vi	vietnamština

Více editorů s různými jazyky

Pro jazyk jednotlivých instancí použijte scoped locales z 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>