Internazionalizzazione

Per i dettagli completi consulta la guida all'internazionalizzazione.

Esempio rapido

Cambia la lingua dell'editor a runtime:

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

Lingue disponibili

Codice	Lingua	Codice	Lingua
en	Inglese	ko	Coreano
ar	Arabo	la	Lettone
bg	Bulgaro	lt	Lituano
ch	Cinese	nl	Olandese
cz	Ceco	no	Norvegese
de	Tedesco	pl	Polacco
el	Greco	pt	Portoghese
es	Spagnolo	pt-BR	Portoghese (brasiliano)
et	Estone	ro	Rumeno
fi	Finlandese	ru	Russo
fr	Francese	se	Svedese
he	Ebraico	sk	Slovacco
hi	Hindi	sl	Sloveno
hr	Croato	sr	Serbo
hu	Ungherese	th	Tailandese
id	Indonesiano	tr	Turco
it	Italiano	uk	Ucraino
ja	Giapponese	vi	Vietnamita

Più editor con lingue diverse

Usa le locale con scope di vue-i18n per impostare una lingua per ogni istanza:

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