Kansainvälistäminen

Katso kaikki tiedot kansainvälistämisoppaasta.

Pikaesimerkki

Vaihda editorin kieli ajon aikana:

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

Käytettävissä olevat kielialueet

Koodi	Kieli	Koodi	Kieli
en	englanti	ko	korea
ar	arabia	la	latvia
bg	bulgaria	lt	liettua
ch	kiina	nl	hollanti
cz	tšekki	no	norja
de	saksa	pl	puola
el	kreikka	pt	portugali
es	espanja	pt-BR	portugali (Brasilia)
et	viro	ro	romania
fi	suomi	ru	venäjä
fr	ranska	se	ruotsi
he	heprea	sk	slovakki
hi	hindi	sl	sloveeni
hr	kroatia	sr	serbia
hu	unkari	th	thai
id	indonesia	tr	turkki
it	italia	uk	ukraina
ja	japani	vi	vietnam

Useita editoreita eri kielialueilla

Käytä vue-i18n:n rajattuja kielialueita (scoped locales) kielen määrittämiseen instanssikohtaisesti:

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