Internacionalizácia

Všetky podrobnosti nájdete v príručke internacionalizácie.

Rýchly príklad

Zmena jazyka editora za behu:

<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é lokalizácie

Code	Jazyk	Code	Jazyk
en	Angličtina	ko	Kórejčina
ar	Arabčina	la	Lotyština
bg	Bulharčina	lt	Litovčina
ch	Čínština	nl	Holandčina
cz	Čeština	no	Nórčina
de	Nemčina	pl	Poľština
el	Gréčtina	pt	Portugalčina
es	Španielčina	pt-BR	Portugalčina (brazílska)
et	Estónčina	ro	Rumunčina
fi	Fínčina	ru	Ruština
fr	Francúzština	se	Švédčina
he	Hebrejčina	sk	Slovenčina
hi	Hindčina	sl	Slovinčina
hr	Chorvátčina	sr	Srbčina
hu	Maďarčina	th	Thajčina
id	Indonézština	tr	Turečtina
it	Taliančina	uk	Ukrajinčina
ja	Japončina	vi	Vietnamčina

Viacero editorov s rôznymi lokalizáciami

Pre jazyk jednotlivých inštancií použite lokalizácie vue-i18n s vlastným rozsahom:

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