Internacionalización

Consulta la guía de internacionalización para ver todos los detalles.

Ejemplo rápido

Cambia el idioma del editor en tiempo de ejecución:

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

Idiomas disponibles

Código	Idioma	Código	Idioma
en	Inglés	ko	Coreano
ar	Árabe	la	Letón
bg	Búlgaro	lt	Lituano
ch	Chino	nl	Neerlandés
cz	Checo	no	Noruego
de	Alemán	pl	Polaco
el	Griego	pt	Portugués
es	Español	pt-BR	Portugués (brasileño)
et	Estonio	ro	Rumano
fi	Finés	ru	Ruso
fr	Francés	se	Sueco
he	Hebreo	sk	Eslovaco
hi	Hindi	sl	Esloveno
hr	Croata	sr	Serbio
hu	Húngaro	th	Tailandés
id	Indonesio	tr	Turco
it	Italiano	uk	Ucraniano
ja	Japonés	vi	Vietnamita

Varios editores con idiomas distintos

Usa los idiomas con ámbito de vue-i18n para configurar un idioma por instancia:

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