التدويل

راجع دليل التدويل للتفاصيل الكاملة.

مثال سريع

بدّل لغة المحرر أثناء التشغيل:

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

اللغات المتاحة

الرمز	اللغة	الرمز	اللغة
en	الإنجليزية	ko	الكورية
ar	العربية	la	اللاتفية
bg	البلغارية	lt	الليتوانية
ch	الصينية	nl	الهولندية
cz	التشيكية	no	النرويجية
de	الألمانية	pl	البولندية
el	اليونانية	pt	البرتغالية
es	الإسبانية	pt-BR	البرتغالية (البرازيلية)
et	الإستونية	ro	الرومانية
fi	الفنلندية	ru	الروسية
fr	الفرنسية	se	السويدية
he	العبرية	sk	السلوفاكية
hi	الهندية	sl	السلوفينية
hr	الكرواتية	sr	الصربية
hu	المجرية	th	التايلاندية
id	الإندونيسية	tr	التركية
it	الإيطالية	uk	الأوكرانية
ja	اليابانية	vi	الفيتنامية

عدة محررات بلغات مختلفة

استخدم اللغات المحصورة النطاق (scoped locales) في vue-i18n لتعيين لغة لكل نسخة:

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