Internacionalizacija

Sve pojedinosti potražite u vodiču za internacionalizaciju.

Brzi primjer

Promijenite jezik uređivača tijekom izvođenja:

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

Dostupni jezici

Code	Jezik	Code	Jezik
en	Engleski	ko	Korejski
ar	Arapski	la	Latvijski
bg	Bugarski	lt	Litavski
ch	Kineski	nl	Nizozemski
cz	Češki	no	Norveški
de	Njemački	pl	Poljski
el	Grčki	pt	Portugalski
es	Španjolski	pt-BR	Portugalski (brazilski)
et	Estonski	ro	Rumunjski
fi	Finski	ru	Ruski
fr	Francuski	se	Švedski
he	Hebrejski	sk	Slovački
hi	Hindi	sl	Slovenski
hr	Hrvatski	sr	Srpski
hu	Mađarski	th	Tajlandski
id	Indonezijski	tr	Turski
it	Talijanski	uk	Ukrajinski
ja	Japanski	vi	Vijetnamski

Više uređivača s različitim jezicima

Za jezik po instanci koristite lokalne (scoped) jezike iz 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>