Internacionalizacija

Vse podrobnosti najdete v vodniku za internacionalizacijo.

Hiter primer

Jezik urejevalnika zamenjajte med izvajanjem:

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

Razpoložljivi jeziki

Koda	Jezik	Koda	Jezik
en	angleščina	ko	korejščina
ar	arabščina	la	latvijščina
bg	bolgarščina	lt	litovščina
ch	kitajščina	nl	nizozemščina
cz	češčina	no	norveščina
de	nemščina	pl	poljščina
el	grščina	pt	portugalščina
es	španščina	pt-BR	portugalščina (brazilska)
et	estonščina	ro	romunščina
fi	finščina	ru	ruščina
fr	francoščina	se	švedščina
he	hebrejščina	sk	slovaščina
hi	hindijščina	sl	slovenščina
hr	hrvaščina	sr	srbščina
hu	madžarščina	th	tajščina
id	indonezijščina	tr	turščina
it	italijanščina	uk	ukrajinščina
ja	japonščina	vi	vietnamščina

Več urejevalnikov z različnimi jeziki

Za jezike posameznih primerkov uporabite omejene jezike (scoped locales) knjižnice 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>