Internacionalizācija

Pilnu informāciju skatiet internacionalizācijas ceļvedī.

Īss piemērs

Mainiet redaktora valodu izpildes laikā:

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

Pieejamās lokalizācijas

Kods	Valoda	Kods	Valoda
en	Angļu	ko	Korejiešu
ar	Arābu	la	Latviešu
bg	Bulgāru	lt	Lietuviešu
ch	Ķīniešu	nl	Holandiešu
cz	Čehu	no	Norvēģu
de	Vācu	pl	Poļu
el	Grieķu	pt	Portugāļu
es	Spāņu	pt-BR	Portugāļu (Brazīlijas)
et	Igauņu	ro	Rumāņu
fi	Somu	ru	Krievu
fr	Franču	se	Zviedru
he	Ivrits	sk	Slovāku
hi	Hindi	sl	Slovēņu
hr	Horvātu	sr	Serbu
hu	Ungāru	th	Taju
id	Indonēziešu	tr	Turku
it	Itāļu	uk	Ukraiņu
ja	Japāņu	vi	Vjetnamiešu

Vairāki redaktori ar dažādām lokalizācijām

Katra eksemplāra valodai izmantojiet vue-i18n ierobežotā tvēruma lokalizācijas:

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