Vue 3 Internationalization

Focused View

Mateo Prigl

1:45:31

17 View

1. Course Overview

1. Course Overview.mp4

01:22

2. Implementing the Vue I18n Plugin

1. Locale and I18n.mp4

05:44

2. Setting up the Application.mp4

06:30

3. Configuring the Vue I18n Plugin.mp4

07:26

4. Creating the Language Picker Component.mp4

05:07

5. Translating with Global Properties and Functions.mp4

02:54

6. Interpolating Messages.mp4

03:15

7. Linking Messages and Using Modifiers.mp4

04:21

8. Switching to Local Scope.mp4

02:11

9. Summary.mp4

01:10

3. Customizing Translations

1. ECMAScript Internationalization API.mp4

02:55

2. Localizing Numbers and Currency.mp4

04:26

3. Localizing Date and Time.mp4

03:53

4. Formatting with Scoped Slots.mp4

05:34

5. Implementing Pluralization.mp4

03:32

6. Customizing Pluralization Rules.mp4

10:36

7. Summary.mp4

01:11

4. Persisting the Locale

1. Getting the Preferred Locale from the Navigator.mp4

03:36

2. Handling Locales with Region.mp4

03:28

3. Storing Locale in the Local Storage.mp4

02:19

4. Summary.mp4

00:43

5. Optimizing Routes

1. Using Locale as a Route Parameter.mp4

03:03

2. Defining the Navigation Guard.mp4

05:26

3. Reducing Bundle Size with Feature Build Flags.mp4

01:41

4. Summary.mp4

00:40

6. Lazy Loading the Translations

1. Distributing Messages in Separate JSON Files.mp4

02:04

2. Refactoring the Language Picker.mp4

01:48

3. Lazy Loading Locale Messages.mp4

04:42

4. Refactoring the Navigation Guard.mp4

03:15

5. Summary.mp4

00:39

Description

The requirement for a translation feature is indispensable in Vue applications. This course will teach you how to introduce internationalization in your Vue projects.

What You'll Learn?

Vue applications with a global reach must cater to different languages. In this course, Vue 3 Internationalization, you will master the art of tailoring your Vue application to various locales. First, you will delve into the operation of the vue-i18n package and its integration into your current project. After that, you will learn how to personalize the translation options. Finally, you'll also gain insights into maintaining the selected locale persistently and enhancing the translation process with lazy loading. When you’re finished with this course, you’ll have the skills and knowledge of implementing translations 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.