Preparing a Vue 3 App for Internationalization

Focused View

Mateo Prigl

1:41:05

14 View

01. Course Overview

01. Course Overview.mp4

01:43

02. Implementing the Vue I18n Plugin

02. Locale and I18n.mp4

03:24

03. Changes in the Vue and Vue I18n APIs.mp4

08:03

04. Demo-Configuring the Vue I18n Plugin.mp4

05:23

05. Demo-Creating the Language Picker Component.mp4

05:44

06. Demo-Injecting the Global Properties and Functions.mp4

04:22

07. Demo-Switching to Local Scope.mp4

03:20

08. Demo-Message Interpolations.mp4

02:25

09. Demo-Linking Messages and Using Modifiers.mp4

02:47

03. Customizing Translations

10. Demo-ECMAScript Internationalization API.mp4

03:20

11. Demo-Localizing Numbers.mp4

04:33

12. Demo-Formatting Numbers with i18n-n Scoped Slots.mp4

04:01

13. Demo-Localizing Date and Time.mp4

04:25

14. Demo-Formatting Datetime with i18n-d Scoped Slots.mp4

01:20

15. Demo-Implementing Pluralization.mp4

03:22

16. Demo-Customizing Pluralization Rules.mp4

11:09

04. Persisting the Locale

17. Demo-Getting the Preferred Locale from the Navigator.mp4

03:21

18. Demo-Handling Locales with Region.mp4

02:53

19. Demo-Storing Locale in the Local Storage.mp4

02:33

05. Optimizing Routes

20. Demo-Using Locale as a Route Parameter.mp4

02:44

21. Demo-Defining the Navigation Guard.mp4

04:53

22. Demo-Reducing Bundle Size with Feature Build Flags.mp4

01:34

06. Lazy Loading the Translations

23. Demo-Distributing Messages in Separate JSON Files.mp4

02:59

24. Demo-Refactoring the Language Picker.mp4

01:04

25. Demo-Lazy Loading Locale Messages.mp4

06:57

26. Demo-Refactoring the Navigation Guard.mp4

02:46

Description

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.

More details

User Reviews

Rating

average 0

Total votes0

Focused display

JavaScript

Vue JS

Mateo Prigl

Instructor's Courses

Mateo is currently a full stack web developer working for a company that has clients from Europe and North America. His niche in programming was mostly web oriented, while freelancing, working on small startups and companies that require his services. Go(lang), Elixir, Ruby and C are his favorite languages and also the ones he’s mostly working with other then PHP in day to day work. He has a big passion for learning and teaching what he knows the best. His big interests recently have been the fields of DevOps, Linux, functional programming and machine learning.

Pluralsight

View courses Pluralsight

Pluralsight, LLC is an American privately held online education company that offers a variety of video training courses for software developers, IT administrators, and creative professionals through its website. Founded in 2004 by Aaron Skonnard, Keith Brown, Fritz Onion, and Bill Williams, the company has its headquarters in Farmington, Utah. As of July 2018, it uses more than 1,400 subject-matter experts as authors, and offers more than 7,000 courses in its catalog. Since first moving its courses online in 2007, the company has expanded, developing a full enterprise platform, and adding skills assessment modules.