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

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 49

  • @danilkrymlov
    @danilkrymlov Год назад +1

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

  • @vetero4eg
    @vetero4eg 2 года назад +1

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

    • @frontend-skills
      @frontend-skills  2 года назад

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

  • @DenisBozhko-x7c
    @DenisBozhko-x7c 3 месяца назад

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

  • @Dania-Rahub
    @Dania-Rahub 2 года назад +2

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

  • @tryit7233
    @tryit7233 5 месяцев назад

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

  • @aceracer5556
    @aceracer5556 Год назад

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

  • @anastasiak4202
    @anastasiak4202 10 месяцев назад

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

  • @ДмитрийМеньшиков-ю5с
    @ДмитрийМеньшиков-ю5с 2 года назад +3

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

  • @ndrey5966
    @ndrey5966 Год назад +1

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

  • @shokhrookhr3850
    @shokhrookhr3850 2 года назад +3

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

    • @frontend-skills
      @frontend-skills  2 года назад +1

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

    • @shokhrookhr3850
      @shokhrookhr3850 2 года назад

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

  • @kalyszhek5296
    @kalyszhek5296 2 года назад +1

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

  • @dmitryskatov8216
    @dmitryskatov8216 2 года назад +4

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

  • @alimodz6253
    @alimodz6253 Год назад +1

    Thank you so much, It finally works with me

  • @marynamazur3703
    @marynamazur3703 Год назад

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

  • @АртурГапуров-н5х
    @АртурГапуров-н5х 3 месяца назад

    Спасибо!

  • @NeveraIs
    @NeveraIs Год назад +1

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

  • @dmitryskatov8216
    @dmitryskatov8216 2 года назад

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

  • @aweb_21
    @aweb_21 2 года назад

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

    • @frontend-skills
      @frontend-skills  2 года назад

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

    • @aweb_21
      @aweb_21 2 года назад

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

  • @vpadina426
    @vpadina426 9 месяцев назад

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

  • @Viktorres1
    @Viktorres1 Год назад

    Thank you so much!

  • @hichembouallegue
    @hichembouallegue 2 года назад

    thanks for the video it's helpful

  • @N__C__R
    @N__C__R Год назад

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

  • @livingston9750
    @livingston9750 6 месяцев назад

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

    • @frontend-skills
      @frontend-skills  6 месяцев назад +1

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

  • @AlaminIslam-hi8dl
    @AlaminIslam-hi8dl Год назад

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

  • @AlexRogan73
    @AlexRogan73 Год назад +1

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

    • @frontend-skills
      @frontend-skills  Год назад +1

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

  • @MrHazard32
    @MrHazard32 2 года назад

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

    • @frontend-skills
      @frontend-skills  2 года назад +2

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

  • @rasulkhujaganiev5082
    @rasulkhujaganiev5082 2 года назад +1

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

    • @frontend-skills
      @frontend-skills  2 года назад

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

  • @AlaminIslam-hi8dl
    @AlaminIslam-hi8dl Год назад

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

  • @islmederov9809
    @islmederov9809 2 года назад

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

    • @frontend-skills
      @frontend-skills  2 года назад

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

  • @deterkot
    @deterkot Год назад

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

    • @frontend-skills
      @frontend-skills  Год назад

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

  • @БаястанНурбек-ж6ж
    @БаястанНурбек-ж6ж 2 года назад

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

    • @frontend-skills
      @frontend-skills  2 года назад

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

    • @БаястанНурбек-ж6ж
      @БаястанНурбек-ж6ж 2 года назад

      @@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
      @frontend-skills  2 года назад

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

  • @bartoszsowa5140
    @bartoszsowa5140 2 года назад

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