अंतर्राष्ट्रीयकरण

Tiptapify 35+ भाषाओं का समर्थन अपने-आप देता है। अनुवाद vue-i18n के ज़रिए प्रबंधित होते हैं।

डिफ़ॉल्ट लोकेल सेट करना

vue-i18n इंस्टेंस बनाएँ और प्लगइन रजिस्टर करते समय उसे दें:

// main.ts
import { createI18n } from 'vue-i18n'
import TiptapifyPlugin from 'tiptapify'
import 'tiptapify/style.css'

const i18n = createI18n({
  legacy: false,
  locale: 'en',
})

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

रनटाइम पर लोकेल बदलना

Tiptapify आपके vue-i18n इंस्टेंस का उपयोग करता है — लोकेल useI18n() से बदलें:

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { locale } = useI18n()

const languages = [
  { code: 'en', label: 'English' },
  { code: 'de', label: 'Deutsch' },
  { code: 'fr', label: 'Français' },
  { code: 'es', label: 'Español' },
  { code: 'ru', label: 'Русский' },
]
</script>

<template>
  <div>
    <v-select
      v-model="locale"
      :items="languages"
      item-title="label"
      item-value="code"
      label="Language"
    />

    <Tiptapify placeholder="Start writing..." />
  </div>
</template>

उपलब्ध लोकेल

फ़िलहाल ये भाषाएँ समर्थित हैं:

कोड	भाषा
en	अंग्रेज़ी
ar	अरबी
bg	बुल्गारियाई
ch	चीनी
cz	चेक
de	जर्मन
el	यूनानी
es	स्पेनिश
et	एस्टोनियाई
fi	फ़िनिश
fr	फ़्रेंच
he	हिब्रू
hi	हिन्दी
hr	क्रोएशियाई
hu	हंगेरियन
id	इंडोनेशियाई
it	इतालवी
ja	जापानी
ko	कोरियाई
la	लातवियाई
lt	लिथुआनियाई
nl	डच
no	नॉर्वेजियाई
pl	पोलिश
pt	पुर्तगाली
pt-BR	पुर्तगाली (ब्राज़ीली)
ro	रोमानियाई
ru	रूसी
se	स्वीडिश
sk	स्लोवाक
sl	स्लोवेनियाई
sr	सर्बियाई
th	थाई
tr	तुर्की
uk	यूक्रेनी
vi	वियतनामी

AI-जनित अनुवाद

ज़्यादातर अनुवाद AI से बने हैं और उनमें गलतियाँ हो सकती हैं। अगर आपको कोई गलत अनुवाद मिले या आप नई भाषा जोड़ना चाहें, तो कृपया issue खोलें या मेंटेनर से संपर्क करें।

कस्टम अनुवाद जोड़ना

प्लगइन को vue-i18n इंस्टेंस देने पर Tiptapify अपने बिल्ट-इन लोकेल संदेश उसमें अपने-आप मिला देता है। प्लगइन रजिस्टर करने से पहले आप अनुवाद बढ़ा या ओवरराइड कर सकते हैं:

import { createI18n } from 'vue-i18n'
import TiptapifyPlugin from 'tiptapify'
import 'tiptapify/style.css'

const i18n = createI18n({
  legacy: false,
  locale: 'en',
  messages: {
    // Custom translations take precedence over Tiptapify's built-in ones
    en: {
      toolbar: {
        bold: 'Make bold',
        italic: 'Make italic',
      },
    },
  },
})

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

या i18n इंस्टेंस बनाने के बाद मिलाएँ:

const i18n = createI18n({
  legacy: false,
  locale: 'en',
})

i18n.global.mergeLocaleMessage('en', customTranslations)

app.use(i18n)
app.use(TiptapifyPlugin, { i18n })

RTL भाषाएँ

अरबी जैसी RTL भाषाओं के लिए सुनिश्चित करें कि आपकी Vuetify थीम RTL का समर्थन करती है:

const vuetify = createVuetify({
  locale: {
    rtl: true,
  },
})

प्रति-इंस्टेंस लोकेल

Tiptapify आपके ऐप के vue-i18n लोकेल को वैश्विक रूप से उपयोग करता है। अगर आपको प्रति-इंस्टेंस लोकेल चाहिए, तो इंस्टेंस के स्कोप के भीतर vue-i18n के स्कोप्ड स्लॉट या composition API उपयोग करें:

<script setup lang="ts">
import { useI18n } from 'vue-i18n'

const { t, locale } = useI18n({ useScope: 'local' })
</script>

<template>
  <Tiptapify :placeholder="t('editor.placeholder')" />
</template>