Διεθνοποίηση

Δείτε τον οδηγό διεθνοποίησης για πλήρεις λεπτομέρειες.

Γρήγορο παράδειγμα

Αλλάξτε τη γλώσσα του επεξεργαστή κατά την εκτέλεση:

<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 γλώσσες του 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>