Rahvusvahelistamine

Täpsemat teavet vaata rahvusvahelistamise juhendist.

Kiire näide

Vaheta redaktori keelt käitusajal:

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

Saadaolevad keeled

Kood	Keel	Kood	Keel
en	inglise	ko	korea
ar	araabia	la	läti
bg	bulgaaria	lt	leedu
ch	hiina	nl	hollandi
cz	tšehhi	no	norra
de	saksa	pl	poola
el	kreeka	pt	portugali
es	hispaania	pt-BR	portugali (Brasiilia)
et	eesti	ro	rumeenia
fi	soome	ru	vene
fr	prantsuse	se	rootsi
he	heebrea	sk	slovaki
hi	hindi	sl	sloveeni
hr	horvaadi	sr	serbia
hu	ungari	th	tai
id	indoneesia	tr	türgi
it	itaalia	uk	ukraina
ja	jaapani	vi	vietnami

Mitu redaktorit eri keeltega

Kasuta vue-i18ni skoopitud keeli, et määrata keel iga instantsi jaoks:

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