Internationalization 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 Fundamentals and Vue.js Components Fundamentals if you’re not already familiar with Vue.js and components.

Important!

This course uses Vue 2 and Vue i18n 8. While Vue i18n 9 has changed slightly for Vue 3 many of the concepts taught in this course are the same and you can still follow along using Vue 2.

View what's changed in the Vue i18n Docs