Internacionalização

Consulte o guia de internacionalização para mais detalhes.

Exemplo rápido

Altere o idioma do editor em tempo de execução:

<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 disponíveis

Código	Idioma	Código	Idioma
en	Inglês	ko	Coreano
ar	Árabe	la	Letão
bg	Búlgaro	lt	Lituano
ch	Chinês	nl	Neerlandês
cz	Checo	no	Norueguês
de	Alemão	pl	Polaco
el	Grego	pt	Português
es	Espanhol	pt-BR	Português (Brasil)
et	Estónio	ro	Romeno
fi	Finlandês	ru	Russo
fr	Francês	se	Sueco
he	Hebraico	sk	Eslovaco
hi	Hindi	sl	Esloveno
hr	Croata	sr	Sérvio
hu	Húngaro	th	Tailandês
id	Indonésio	tr	Turco
it	Italiano	uk	Ucraniano
ja	Japonês	vi	Vietnamita

Vários editores com idiomas diferentes

Utilize os locales com âmbito (scoped) do vue-i18n para definir o idioma por instância:

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