Preparing a Vue 3 App for Internationalization
Every modern Vue application needs to have a localization option. This course will teach you how to implement internationalization with the help of the vue-i18n plugin.
What you'll learn
Globally accessible Vue applications need to adapt to different parts of the world. In this course, Preparing a Vue 3 App for Internationalization, you’ll learn how to adjust your Vue application to different locales. First, you’ll explore how the vue-i18n package works and how to implement it into a current project. Next, you’ll discover how to customize the translation options. Finally, you’ll learn how to persist the chosen locale and optimize the translation with lazy loading. When you’re finished with this course, you’ll have the skills and knowledge of implementing localization based on the chosen locale needed to internationalize your Vue applications.
Table of contents
- Version Check 0m
- Locale and I18n 3m
- Changes in the Vue and Vue I18n APIs 8m
- Demo: Configuring the Vue I18n Plugin 5m
- Demo: Creating the Language Picker Component 6m
- Demo: Injecting the Global Properties and Functions 4m
- Demo: Switching to Local Scope 3m
- Demo: Message Interpolations 2m
- Demo: Linking Messages and Using Modifiers 3m
Course FAQ
In this course, you will learn how to translate messages, localize dates and numbers, implement pluralization, persist the locale and lazy loading localization files.
Before taking this course, you should be familiar with the basics of Vue.
Within Vue, internationalization is the procesds of preparing software so that it can support local languages and cultural settings.
This course is for anyone who wants to enhance their Vue application skills with the help of the Vue-i18n plugin.
Within Vue, Pluralization is way to translate messages.