Internacionalizacija

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

Brzi primer

Promenite jezik uređivača u toku rada:

<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

Kod	Jezik	Kod	Jezik
en	engleski	ko	korejski
ar	arapski	la	letonski
bg	bugarski	lt	litvanski
ch	kineski	nl	holandski
cz	češki	no	norveški
de	nemački	pl	poljski
el	grčki	pt	portugalski
es	španski	pt-BR	portugalski (brazilski)
et	estonski	ro	rumunski
fi	finski	ru	ruski
fr	francuski	se	švedski
he	hebrejski	sk	slovački
hi	hindi	sl	slovenački
hr	hrvatski	sr	srpski
hu	mađarski	th	tajlandski
id	indonežanski	tr	turski
it	italijanski	uk	ukrajinski
ja	japanski	vi	vijetnamski

Više uređivača sa 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>