Internaționalizare

Consultă ghidul de internaționalizare pentru detalii complete.

Exemplu rapid

Schimbă limba editorului în timpul execuției:

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

Limbi disponibile

Cod	Limbă	Cod	Limbă
en	Engleză	ko	Coreeană
ar	Arabă	la	Letonă
bg	Bulgară	lt	Lituaniană
ch	Chineză	nl	Neerlandeză
cz	Cehă	no	Norvegiană
de	Germană	pl	Poloneză
el	Greacă	pt	Portugheză
es	Spaniolă	pt-BR	Portugheză (Brazilia)
et	Estonă	ro	Română
fi	Finlandeză	ru	Rusă
fr	Franceză	se	Suedeză
he	Ebraică	sk	Slovacă
hi	Hindi	sl	Slovenă
hr	Croată	sr	Sârbă
hu	Maghiară	th	Thailandeză
id	Indoneziană	tr	Turcă
it	Italiană	uk	Ucraineană
ja	Japoneză	vi	Vietnameză

Mai multe editoare cu limbi diferite

Folosește localizările cu domeniu limitat (scoped) din vue-i18n pentru limbi per instanță:

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