Nemzetköziesítés

A részletekért lásd a nemzetköziesítési útmutatót.

Gyors példa

A szerkesztő nyelvének váltása futásidőben:

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

Elérhető nyelvek

Kód	Nyelv	Kód	Nyelv
en	angol	ko	koreai
ar	arab	la	lett
bg	bolgár	lt	litván
ch	kínai	nl	holland
cz	cseh	no	norvég
de	német	pl	lengyel
el	görög	pt	portugál
es	spanyol	pt-BR	portugál (brazil)
et	észt	ro	román
fi	finn	ru	orosz
fr	francia	se	svéd
he	héber	sk	szlovák
hi	hindi	sl	szlovén
hr	horvát	sr	szerb
hu	magyar	th	thai
id	indonéz	tr	török
it	olasz	uk	ukrán
ja	japán	vi	vietnami

Több szerkesztő különböző nyelvekkel

A példányonkénti nyelvekhez használd a vue-i18n hatókörös (scoped) nyelveit:

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