다국어 지원

자세한 내용은 다국어 지원 가이드를 참고하세요.

빠른 예제

런타임에 에디터 언어를 전환합니다.

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

사용 가능한 로케일

Code	언어	Code	언어
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>