Internasjonalisering

Se Internasjonaliseringsguiden for alle detaljer.

Hurtigeksempel

Bytt editorspråk under kjøring:

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

Tilgjengelige språk

Kode	Språk	Kode	Språk
en	Engelsk	ko	Koreansk
ar	Arabisk	la	Latvisk
bg	Bulgarsk	lt	Litauisk
ch	Kinesisk	nl	Nederlandsk
cz	Tsjekkisk	no	Norsk
de	Tysk	pl	Polsk
el	Gresk	pt	Portugisisk
es	Spansk	pt-BR	Portugisisk (brasiliansk)
et	Estisk	ro	Rumensk
fi	Finsk	ru	Russisk
fr	Fransk	se	Svensk
he	Hebraisk	sk	Slovakisk
hi	Hindi	sl	Slovensk
hr	Kroatisk	sr	Serbisk
hu	Ungarsk	th	Thai
id	Indonesisk	tr	Tyrkisk
it	Italiensk	uk	Ukrainsk
ja	Japansk	vi	Vietnamesisk

Flere editorer med ulike språk

Bruk vue-i18n sine scopede språk for 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>