Internacionalizācija

Tiptapify bez papildu iestatījumiem atbalsta 35+ valodas. Tulkojumus pārvalda vue-i18n.

Noklusējuma lokalizācijas iestatīšana

Izveidojiet vue-i18n eksemplāru un nododiet to, reģistrējot spraudni:

// 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 })

Lokalizācijas maiņa izpildes laikā

Tiptapify izmanto jūsu vue-i18n eksemplāru — mainiet lokalizāciju ar 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>

Pieejamās lokalizācijas

Pašlaik tiek atbalstītas šādas valodas:

Kods	Valoda
en	Angļu
ar	Arābu
bg	Bulgāru
ch	Ķīniešu
cz	Čehu
de	Vācu
el	Grieķu
es	Spāņu
et	Igauņu
fi	Somu
fr	Franču
he	Ivrits
hi	Hindi
hr	Horvātu
hu	Ungāru
id	Indonēziešu
it	Itāļu
ja	Japāņu
ko	Korejiešu
la	Latviešu
lt	Lietuviešu
nl	Holandiešu
no	Norvēģu
pl	Poļu
pt	Portugāļu
pt-BR	Portugāļu (Brazīlijas)
ro	Rumāņu
ru	Krievu
se	Zviedru
sk	Slovāku
sl	Slovēņu
sr	Serbu
th	Taju
tr	Turku
uk	Ukraiņu
vi	Vjetnamiešu

MI ģenerēti tulkojumi

Lielākā daļa tulkojumu ir ģenerēti ar MI un var saturēt kļūdas. Ja atrodat nepareizu tulkojumu vai vēlaties pievienot jaunu valodu, lūdzu, izveidojiet problēmas ziņojumu vai sazinieties ar uzturētāju.

Pielāgotu tulkojumu pievienošana

Kad nododat vue-i18n eksemplāru spraudnim, Tiptapify automātiski apvieno savus iebūvētos lokalizācijas ziņojumus ar tā ziņojumiem. Tulkojumus varat paplašināt vai pārrakstīt pirms spraudņa reģistrēšanas:

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

Vai apvienot pēc i18n eksemplāra izveides:

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

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

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

RTL valodas

RTL valodām, piemēram, arābu, pārliecinieties, ka jūsu Vuetify tēma atbalsta RTL:

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

Lokalizācija katram eksemplāram

Tiptapify globāli izmanto jūsu lietotnes vue-i18n lokalizāciju. Ja nepieciešamas atsevišķas lokalizācijas katram eksemplāram, izmantojiet vue-i18n ierobežotā tvēruma slotus vai composition API eksemplāra tvērumā:

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

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

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