Tarptautiškumas

Išsamią informaciją rasite tarptautiškumo vadove.

Trumpas pavyzdys

Perjunkite redaktoriaus kalbą vykdymo metu:

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

Galimos lokalės

Kodas	Kalba	Kodas	Kalba
en	anglų	ko	korėjiečių
ar	arabų	la	latvių
bg	bulgarų	lt	lietuvių
ch	kinų	nl	olandų
cz	čekų	no	norvegų
de	vokiečių	pl	lenkų
el	graikų	pt	portugalų
es	ispanų	pt-BR	portugalų (Brazilijos)
et	estų	ro	rumunų
fi	suomių	ru	rusų
fr	prancūzų	se	švedų
he	hebrajų	sk	slovakų
hi	hindi	sl	slovėnų
hr	kroatų	sr	serbų
hu	vengrų	th	tajų
id	indoneziečių	tr	turkų
it	italų	uk	ukrainiečių
ja	japonų	vi	vietnamiečių

Keli redaktoriai su skirtingomis lokalėmis

Kiekvieno egzemplioriaus kalbai naudokite vue-i18n ribotos srities lokales:

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