Как реализовать мультиязычность во Vuejs?

Question

[Artem0071]

Как реализовать мультиязычность в приложении? (При использовании cli)

Answer 1

[Ivan Bogachev]

Посмотрите на vue-multilanguage - решение простое для понимания, особенно если вы когда-то уже делали мультиязычность с использованием других инструментов. В случае чего можно этот модуль переделать под свои нужды (исходник).

Comments

[Ilaj Osmanov]

Как в этом решении по клику менять язык ?

[Artem0071]

Ilaj Osmanov: я так думаю примерно как то так
Просто хранить в сторе язык и через него менять

[Ilaj Osmanov]

Artem0071: Я просто не смог притулить его реализацию. Мне весь сайт хранить в одной функции ? Не сложно будет сделать пример на jsfiddle?

[Artem0071]

Ilaj Osmanov: Я не знаю как Вы делаете сайт, но советую Вам почитать про vue-cli
Там все страницы хранятся в отдельных файлах, а затем просто все склеивается
А вот стор о котором я говорил, он как бы глобальный для всего файла вью, и как раз через него можно менять значение переменных по всему файлу

[Ilaj Osmanov]

Artem0071: я использую webpack-simple. То есть, переменную this.$language можно менять только в сторе ?
Метод computed в компоненте app не поможет ?

[Ilaj Osmanov]

Artem0071: Как с Вами можно связаться? Если Вам не сложно, помогите с проблемой. Транслейт так и не решил

[Artem0071]

Ilaj Osmanov: Я сам еще не доходил до самой реализации, я вам просто предлагаю варианты того, как я бы делал и в какую сторону копал)
а на счет связи, тут почти у всех есть вся инфа в контактах на странице)

[Martovitskiy]

а как на счет SEO? Используя v-lang, на выходе получаем такую картину:

[Ivan Bogachev]

Martovitskiy, Уточните, что конкретно вы делаете и что конкретно не так в вашем сжатом html? А так почти все вопросы, связанные с SEO, решаются серверным рендерингом.

[Martovitskiy]

Ivan Bogachev, при использовании директивы v-lang, получаю сгенерированный html без текста. V-text - все норм. В итоге, все что вывожу V-text поисковые роботы видят, а все, что v-lang - не видят)