Internationalisering

Se guiden Internationalisering för alla detaljer.

Snabbt exempel

Byt redigerarens språk under körning:

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

Tillgängliga språk

Kod	Språk	Kod	Språk
en	Engelska	ko	Koreanska
ar	Arabiska	la	Lettiska
bg	Bulgariska	lt	Litauiska
ch	Kinesiska	nl	Nederländska
cz	Tjeckiska	no	Norska
de	Tyska	pl	Polska
el	Grekiska	pt	Portugisiska
es	Spanska	pt-BR	Portugisiska (Brasilien)
et	Estniska	ro	Rumänska
fi	Finska	ru	Ryska
fr	Franska	se	Svenska
he	Hebreiska	sk	Slovakiska
hi	Hindi	sl	Slovenska
hr	Kroatiska	sr	Serbiska
hu	Ungerska	th	Thailändska
id	Indonesiska	tr	Turkiska
it	Italienska	uk	Ukrainska
ja	Japanska	vi	Vietnamesiska

Flera redigerare med olika språk

Använd vue-i18n😒 scoped locales för språk per instans:

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