소프트웨어

vue3에서 vue-i18n 다국어 처리 적용하는 법

지난번엔 i18n이 어떤 것인지에 대해서 알아보았습니다. 그렇다면 본격적으로 vue3 프로젝트 내부에서 i18n을 어떻게 적용할 수 있는지에 대해 알아봅시다. 설치 우선 vue3-i18n 을 다운받아야 하는데, Vue3 프로젝트를 만들었다는 가정하에 진행합니다. 터미널에 npm install vue-i18n@9을 입력해야 vue3 부터 사용이 가능합니다. main.js 설정 프로젝트 src/main.js 파일에서 다음과 같이 createI18n을 app의 plugin으로 등록해줍니다. 여기서 createI18n에 들어가는 내용은 언어별 리소스파일을 예제로 들겠습니다. 제가 임시로 만들어둔 messages 파일을 들고와서 import 해두겠습니다. use는 사용하고자하는 플러그인을 createApp에 넣어..