Internationalisatie

Zie de internationalisatiehandleiding voor alle details.

Snel voorbeeld

Wissel de taal van de editor tijdens runtime:

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

Beschikbare talen

Code	Taal	Code	Taal
en	Engels	ko	Koreaans
ar	Arabisch	la	Lets
bg	Bulgaars	lt	Litouws
ch	Chinees	nl	Nederlands
cz	Tsjechisch	no	Noors
de	Duits	pl	Pools
el	Grieks	pt	Portugees
es	Spaans	pt-BR	Portugees (Braziliaans)
et	Estisch	ro	Roemeens
fi	Fins	ru	Russisch
fr	Frans	se	Zweeds
he	Hebreeuws	sk	Slowaaks
hi	Hindi	sl	Sloveens
hr	Kroatisch	sr	Servisch
hu	Hongaars	th	Thais
id	Indonesisch	tr	Turks
it	Italiaans	uk	Oekraïens
ja	Japans	vi	Vietnamees

Meerdere editors met verschillende talen

Gebruik de scoped locales van vue-i18n voor een taal per instantie:

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