vue-localez
Vue-localez is an addon to add support for multiple languages.
Features
- Has support for Intl
Installation
Installing Vue Localization is a pretty simple process
Npm install
npm install vue-localez
Yarn install
yarn add vue-localez
Setup
var Vue = ;var vueLocalez = ; vueLocalez Vue
Lang Folder
└── lang ├── en | ├──errorjson | └──messagesjson ├── id | ├──errorjson | └──messagesjson └── fr ├──errorjson └──messagesjson
Lang file
lang/id/messages.json
lang/en/messages.json
lang/fr/messages.json
Usage
$locale // returns// id -> Halo Waldi Irawan// en -> Hello Waldi Irawan// fr -> Bonjour Waldi Irawan
yourcomponent.vue
{{ $locale.message('message.greeting', { name : "Waldi Irawan" }) }}
Results :
<!-- id -->Halo Waldi Irawan<!-- en -->Halo Waldi Irawan<!-- fr -->Halo Waldi Irawan
Change localez
// inside vue instancethis$locale // 'id' is iso code country