Мультиязычность в приложении Vue 3 (i18n)

[@danilkrymlov]

ЕДИНСТВЕННЫЙ нужный и адекватный гайд Большое спасибо!

[@DenisBozhko-x7c]

Все четко и по существу. Благодарочка

[@vetero4eg]

Огроменное спасибо!! Два часа ковырялась, тут за 10 минут вопрос решился по вашим видео, увидела, что упустила

[@frontend-skills]

Я рад, что видео помогло 🙃🙃🙃

[@Dania-Rahub]

Спасибо большое за данный видеоматериал. Очень полезно!

[@frontend-skills]

Спасибо что смотрите!

[@tryit7233]

очень классное видео, все получилось! спасибо большое)

[@ДмитрийМеньшиков-ю5с]

Супер, жду custom select на vue

[@ndrey5966]

спасибо, выручил!

[@shokhrookhr3850]

Вовремя) Хотелось бы ещё на nuxt js)

[@frontend-skills]

Nuxt будет попозже) 3 версия ещё совсем сырая, а по второй уже не так интересно)

[@shokhrookhr3850]

@@frontend-skills Понятненько)

[@aceracer5556]

Спасибо за обзор! Очень пригодилось, еще бы на TS тоже самое

[@АртурГапуров-н5х]

Спасибо!

[@dmitryskatov8216]

Очень хочется роликов с TS + Vue =)

[@frontend-skills]

Пока не планируется :)

[@anastasiak4202]

было бы очень интересно посмотреть ролик, как заменять messages на другой, в процессе получения нового словаря по API

[@alimodz6253]

Thank you so much, It finally works with me

[@frontend-skills]

Thanks for watching video!

[@kalyszhek5296]

Really cool! было бы очь хорошо если все это происходило через vuex + еще TS.

[@marynamazur3703]

Благодарю, очень полезно и понятно!

[@aweb_21]

Круто 👍 Остается предусмотреть защиту от дурака, на случай если пользователь начнет играться со значением в ключе lang локалсторж))))

[@frontend-skills]

Для этого есть fallbackLocale) английский будет подставлен, если нужного языка нет)

[@aweb_21]

@@frontend-skills ааааааааааааааа, спасибо за пояснение, оперативное)

[@dmitryskatov8216]

Спасибо большое!

[@Viktorres1]

Thank you so much!

[@hichembouallegue]

thanks for the video it's helpful

[@MrHazard32]

Считаю для мультиязычности обаятельно должен меняться урл, то есть добавляться в адресную строку префикс языка. Это важно для СЕО, текущая реализация такого не позволяет.

[@frontend-skills]

Не согласен) 1. Зачем отдельный URL для того, что перевести интерфейс? Это совершенно с SEO не связано. 2. Если хотите SEO, то в целом в примере не хватает реализации SSR. Тут об этом речи даже нет. 3. Этот пункт вытекает из предыдущего. Если вы правильно настроите SSR, то контент вы в любом случае получаете с сервера, который поддерживает заголовки accept-language. И здесь без разницы, откуда вы берете язык и передаете на сервер - из URL или из cookie/local storage. Ну и в целом здесь показано то, как добавить поддержку мультиязычности и никто не мешает в текущую реализацию добавить разные URL. Для i18n так же без разницы, откуда вы подставляете язык

[@vpadina426]

А как вставить смену языка в title страницы?

[@NeveraIs]

Если будет возможность / желание - расскажите как locale можно хранить / изменять в vuex / pinia, думаю будет интересно.

[@AlexRogan73]

Все замечательно, только жаль не показано lazy loading JSON файлов для языков, ты сам ведь обратил внимание , что переоводы бывают большими и если языков много, то зачем их грузить сразу все. Смотрел в документации, там чего-то накрутили с этим.

[@frontend-skills]

Отличная идея. Спасибо) попробую разобраться и записать видео, сам такое не делал)

[@livingston9750]

А если нужно реализовать с роутингом? Чтобы было вроде site/ru/page и т.п

[@frontend-skills]

Здесь все будет зависит от архитектуры проекта. Но готовое решение в комментариях не накидаю

[@AlaminIslam-hi8dl]

Пожалуйста, брат, поделитесь этим репозиторием, это будет очень полезно для меня.

[@rasulkhujaganiev5082]

а зачем импортировать константу t внутри компонента логина, если всё равно не будете его использовать?

[@frontend-skills]

Да, это косяк. В этом смысла нет, так как мы юзаем global scope. Спасибо за замечание!

[@N__C__R]

у меня обьект { t } не хочет работать и распознаваться, declare but never used(

[@islmederov9809]

блин братан что делать если у тебя глобальный проект там где будет 1000 строк как миимум и проктическии ты там все отрисоваваешь через массив в vueX ? и как переводить массив внутри vueX ? у меня дедлайн завтра в обед мне gg

[@frontend-skills]

stackoverflow.com/questions/69000971/how-to-use-i18n-in-the-vuex-store Ну как-то так)

[@deterkot]

на nuxt 3 будет работать?

[@frontend-skills]

Один в один нет. Надо допиливать будет

[@AlaminIslam-hi8dl]

plz brother share this repository, It will be very helpful for me.

[@БаястанНурбек-ж6ж]

У меня ошибка в продаешене. Юзаю Vue cli

[@frontend-skills]

Какая ошибка?)

[@БаястанНурбек-ж6ж]

@@frontend-skills You are running the esm-bundler build of vue-i18n. It is recommended to configure your bundler to explicitly replace feature flag globals with boolean literals to get proper tree-shaking in the final bundle

[@frontend-skills]

Возможно, поможет github.com/intlify/vue-i18n-next/issues/789

[@bartoszsowa5140]

Если есть что-то ценное в этой дерьмовой стране России, так это этот туториал.