Internationalization with vue-i18n

Master internationalization and learn how to create multilingual websites and vue.js applications with vue-i18n.

Learn how to create multilingual websites and Vue.js applications with Vue i18n. Vue i18n is the official internationalization library from Vue.js that integrates nicely with any new or existing Vue.js application.

At first glance, internationalization can be quite daunting and challenging. That is if you don’t have a proper tool to help you.

With Vue i18n, we can automatically detect and set languages based on the user’s browser or URL. We can easily translate and transform text, numbers, dates, currencies, and so much more.

In this course, you’ll learn how to manage your translations with Vue CLI GUI, even if you didn’t use Vue CLI to scaffold your project.

By the end of this course you’ll master

How to create multilingual websites with Vue.js
How to organize your translation files
How to use variables with your translated text
How to work with translated text and pluralization
How to handle different date and currency formatting for different languages and regions
How to change the locale programmatically
How to change the locale through the user interface
How to persist the locale change
And so much more
You need a basic understanding of Vue.js to enjoy this course. We recommend watching Vue.js Components Fundamentals and Vue.js Components Fundamentals if you’re not already familiar with Vue.js and components.

What you will learn
Learn how to create multilingual Vue.js websites
Learn how to install vue-i18n
Learn how to persist locale with vue-i18n
Learn how to use Vue CLI with vue-i18n
Learn how to organize your translation files
Learn how to work with translations and pluralization
Learn how to work with different date formats
Learn how to work with currency formatting and localization