About the Internationalization with vue-i18n course

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

·
·
·

What you will learn in the Internationalization with vue-i18n course

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

Share this course

Request a course

Who's behind the course

Debbie O'Brien - Teacher
Debbie is Head of Learning and Developer Advocate at NuxtJS. She's an open source lover and often shares her knowledge at conferences all over the world.
Rolf Haug - Contributor / Reviewer
Rolf has been in development industry for 16 years. Long-time entrepreneur and consultant currently working on educational content and workshops.
Alex Kyriakidis - Contributor / Reviewer
Alex is an educator and consultant, core member of the Vue.js team and author of the first best-selling books on Vue.js.