Çok Dillilik

Tüm ayrıntılar için Çok Dillilik Kılavuzuna bakın.

Hızlı Örnek

Düzenleyici dilini çalışma zamanında değiştirin:

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

Kullanılabilir Yerel Ayarlar

Code	Dil	Code	Dil
en	İngilizce	ko	Korece
ar	Arapça	la	Letonca
bg	Bulgarca	lt	Litvanca
ch	Çince	nl	Felemenkçe
cz	Çekçe	no	Norveççe
de	Almanca	pl	Lehçe
el	Yunanca	pt	Portekizce
es	İspanyolca	pt-BR	Portekizce (Brezilya)
et	Estonca	ro	Rumence
fi	Fince	ru	Rusça
fr	Fransızca	se	İsveççe
he	İbranice	sk	Slovakça
hi	Hintçe	sl	Slovence
hr	Hırvatça	sr	Sırpça
hu	Macarca	th	Tayca
id	Endonezce	tr	Türkçe
it	İtalyanca	uk	Ukraynaca
ja	Japonca	vi	Vietnamca

Farklı Yerel Ayarlara Sahip Birden Fazla Düzenleyici

Örnek başına dil için vue-i18n'in kapsamlı yerel ayarlarını kullanın:

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