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 Заключение

Аккаунт Ethereum (ETH), Arbitrum, Polygon, BNB, USDT, TRX, BUSD: 0x719C2d2bcC155c85190f20E1Cc3710F90FAFDa16