Web/Quasar

Quasar에서 다국어(vue-i18n) 사용하기

leonhong 2024. 8. 21. 15:20

설치

 Quasar 프로젝트 시작할때 옵션에서 골라서 설치하는게 가장 편합니다.

 

사용 방법 (hello를 다국어로 준비했을 경우)

 1. Template : <div> {{ $t('hello') }} </div>

 2. HTML tag 속성: <q-btn :label="$t('hello')" />

 3. Vue 

import { useI18n } from 'vue-i18n'
const {t} = useI18n();
t('hello')

 

 

 

참고 : https://quasar.dev/options/app-internationalization#introduction