Rahvusvahelistamine

Tiptapify toetab karbist välja üle 35 keele. Tõlkeid haldab vue-i18n.

Vaikekeele määramine

Loo vue-i18n instants ja anna see plugina registreerimisel kaasa:

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

Keele muutmine käitusajal

Tiptapify kasutab sinu vue-i18n instantsi — muuda keelt funktsiooniga 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>

Saadaolevad keeled

Praegu toetatakse järgmisi keeli:

Kood	Keel
en	inglise
ar	araabia
bg	bulgaaria
ch	hiina
cz	tšehhi
de	saksa
el	kreeka
es	hispaania
et	eesti
fi	soome
fr	prantsuse
he	heebrea
hi	hindi
hr	horvaadi
hu	ungari
id	indoneesia
it	itaalia
ja	jaapani
ko	korea
la	läti
lt	leedu
nl	hollandi
no	norra
pl	poola
pt	portugali
pt-BR	portugali (Brasiilia)
ro	rumeenia
ru	vene
se	rootsi
sk	slovaki
sl	sloveeni
sr	serbia
th	tai
tr	türgi
uk	ukraina
vi	vietnami

Tehisintellekti loodud tõlked

Enamik tõlkeid on tehisintellekti loodud ja võivad sisaldada vigu. Kui leiad vale tõlke või soovid lisada uue keele, ava teema või võta ühendust hooldajaga.

Kohandatud tõlgete lisamine

Tiptapify liidab oma sisseehitatud keelesõnumid automaatselt sinu vue-i18n instantsi, kui annad selle pluginale kaasa. Tõlkeid saad laiendada või üle kirjutada enne plugina registreerimist:

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

Või liida need pärast i18n instantsi loomist:

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

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

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

RTL-keeled

RTL-keelte, näiteks araabia keele puhul veendu, et sinu Vuetify teema toetab RTL-i:

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

Instantsipõhine keel

Tiptapify kasutab sinu rakenduse vue-i18n keelt globaalselt. Kui vajad instantsipõhiseid keeli, kasuta vue-i18ni skoopitud pesasid või composition API-t instantsi skoobis:

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

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

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