Internasionalisasi

Lihat Panduan Internasionalisasi untuk detail lengkap.

Contoh Singkat

Ganti bahasa editor saat 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>

Locale yang Tersedia

Kode	Bahasa	Kode	Bahasa
en	Inggris	ko	Korea
ar	Arab	la	Latvia
bg	Bulgaria	lt	Lituania
ch	Tionghoa	nl	Belanda
cz	Ceko	no	Norwegia
de	Jerman	pl	Polandia
el	Yunani	pt	Portugis
es	Spanyol	pt-BR	Portugis (Brasil)
et	Estonia	ro	Rumania
fi	Finlandia	ru	Rusia
fr	Prancis	se	Swedia
he	Ibrani	sk	Slovakia
hi	Hindi	sl	Slovenia
hr	Kroasia	sr	Serbia
hu	Hungaria	th	Thai
id	Indonesia	tr	Turki
it	Italia	uk	Ukraina
ja	Jepang	vi	Vietnam

Beberapa Editor dengan Locale Berbeda

Gunakan locale tercakup (scoped) dari vue-i18n untuk bahasa per instance:

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