Скачать или смотреть Vue 3 I18n | Перевод на несколько языков, интернационализация, выбор языка, ленивая загрузка файлов

В этом уроке мы поговорим о том, как переводить приложения Vue 3 (Vite) на несколько языков, то есть внедрять интернационализацию (I18n, internationalization). Мы обсудим много важных вещей: как настраивать плагин vue-i18n, как делать переводы, плюрализацию, работой с датой-временем и валютами, как осуществлять переключение языка, выбирать предпочитаемый пользователем язык и как отображать локаль в маршрутах и ссылках. Также мы реализуем "ленивую" загрузку файлов с переводами по требованию.

Таймкоды:
00:00 Введение
02:00 Установка и базовая настройка
05:23 Добавляем и настраиваем плагин vue-i18n
09:39 Настраиваем приложение vite
10:26 Добавляем простые переводы
14:50 Глобальное включение функции перевода
16:15 Проверка работы
17:00 Использование интерполяции в переводах
18:30 Плюрализация
22:17 Работа с числами и валютами
25:01 Работа с датой и временем
26:13 Выносим переводы в отдельные файлы JSON
27:46 Добавляем переключение языков
36:30 Сохранение предпочтительной локали
37:37 "Угадываем" предпочтительную локаль
41:42 Добавляем локаль в URL (маршруты)
43:17 Добавляем хук beforeEnter
46:29 Изменяем локаль в URL при переключении языка
46:53 Добавляем локаль в ссылки
49:10 Ленивая загрузка файлов с переводами
52:30 Заключение

Исходный код: https://github.com/lokalise/lokalise-...
Текстовая версия: https://lokalise.com/blog/vue-i18n/
English video:    • Vue 3 i18n Tutorial: A Guide to Multilingu...  

Станьте спонсором канала, и вы получите доступ к эксклюзивным бонусам:    / @ilyabodrovkrukowski  
Boosty: https://boosty.to/bodrovis
Patreon:   / bodrovis  
DonationAlerts: https://www.donationalerts.com/r/bodr...
Аккаунт Ethereum (ETH), Arbitrum, Polygon, BNB, USDT, TRX, BUSD: 0x719C2d2bcC155c85190f20E1Cc3710F90FAFDa16

Канал Telegram: https://t.me/dev_in_ruby_colors
Наш чат в Telegram: https://t.me/joinchat/MxYT6-01eeA1NTYy
Мой сайт: http://bodrovis.tech