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

पूरी जानकारी के लिए अंतर्राष्ट्रीयकरण गाइड देखें।

त्वरित उदाहरण

रनटाइम पर एडिटर की भाषा बदलें:

<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	वियतनामी

अलग-अलग लोकेल वाले कई एडिटर

हर इंस्टेंस की अलग भाषा के लिए 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>