Скачать или смотреть Vue 3 i18n Tutorial: A Guide to Multilingual Apps with vue-i18n

Looking for a complete guide on Vue 3 internationalization? This video will teach you how to create a multilingual Vue 3 web app using the popular vue-i18n plugin.

You'll learn how to build a robust Vue localization workflow by covering essential topics like:

Performing basic translations with vue-i18n.

Adding a language switcher and persisting the user's locale.

Working with interpolation, pluralization, and numbers.

Localizing dates and currencies.

Lazy loading translation files for better performance.

Integrating with translation management systems (TMS) like Lokalise.

This is a must-watch for developers who want to master internationalization in Vue. By the end, you'll know how to build a multilingual Vue app that's ready for a global audience.

Timecodes:
00:00 Introduction
00:49 Creating and configuring the app
03:19 Adding and configuring vue-i18n plugin
06:02 Performing basic translations
09:46 Using interpolation
10:42 Introducing pluralization
13:43 Working with numbers and currencies
15:25 Localizing date and time
16:40 Extracting translations into JSON files
18:30 Creating a language switcher
25:41 Persisting the chosen locale
26:27 Reading the user's preferred locale
29:55 Displaying the current locale in the URLs
31:04 Adding the beforeEnter hook
33:42 Update the URL after the language is switched
34:37 Adding locale to the links
36:41 Lazy loading translation files
39:49 Conclusion

Ready to put these skills into practice?

Source code: https://github.com/lokalise/lokalise-...
Blog post: https://lokalise.com/blog/vue-i18n/
Русская версия:    • Vue 3 I18n | Перевод на несколько языков, ...  

#Vuei18n #VueLocalization #Vue #Lokalise #Internationalization