в одном из желательно писать, иначе заплюют

Здравствуйте. Вопрос по Vue.js и i18n

Сделал простую html страницу на двух языках, а вот как сделать адекватный выбор языка не понимаю.

Додумался только через v-model:

 <input v-model="$i18n.locale">

Появляется поле ввода, ввожу туда en или ru, и язык страницы прекрасно меняется.

Аналогично с <select> или с любым другим полем, которое поддерживает v-model.

А как сделать выбор нажатием на кнопку просто?

 <input v-model="$i18n.locale">

Просто передавай по клику значение и в функции назначай её для $i18n

А нормально такое делать http://jsfiddle.net/ssuryar/wcmHu/429/ ? везде же сработает? )

Да, но зачем?

при ховере на карточку в каталоге показывать следующую картинку товара)

ну типу вот, https://www.lamoda.ru/c/355/clothes-zhenskaya-odezhda/?sitelink=topmenuW&l=3

Ага, разобрался и сделал так, спасибо

Вот решение мое, вдруг кому-то поможет

    <button v-for="(lang, i) in langs" :key="`Lang${i}`" @click="setLocale(lang)">{{ lang }}</button>
—————————
    data () {
    return { langs: ['en', 'ru'] }
    },
    methods: {
        setLocale(locale) {
            this.$i18n.locale = locale
        }

теперь надо ещё сохранять это состояние) мне так кажется

    <button class="sexy purple" v-for="(lang, i) in langs" :key="`Lang${i}`" @click="setLocale(lang)">{{ lang }}</button>

А вот тут {{ lang }} можно как-то заглавными заставить отображаться?

Или если я все локали поменяю на заглавные, потом не будет проблем с их автоматическим определением, планирую потом этим заняться.

text-transform: uppercase?

Ого
Спасибо

Пробовал кто? Ставили две фигурные скобки рядом?)

Привет ребят, у кого-нибудь есть опыт использования matomo?

а почему именно его выбрали?

я не хочу ничего советовать, просто интересно)

Приватные данные не хочется отправлять никуда, а у матомо есть on Premise

Ну и стандарт безопасности не позволяет пользоваться всякими яндекс метриками и т.д.))

На risingstars.js.org была опубликована подборка самых популярных JavaScript проектов за 2019 год. Этот топ в отличие от State of JS формируется на основе прироста количества звёзд за год.

Самые популярные проекты: 1) Vue.js, 2) VS Code, 3) React, 4) Vue Element Admin, 5) Svelte. До этого момента никогда не слышал про Vue Element Admin — довольно мощное решение для создания админок.

Самые популярные фреймворки: 1) Vue.js, 2) React, 3) Svelte, 4) Angular, 5) Omi. Omi — фреймворк для создания компонентов на базе Web Components с помощью Virtual DOM, может использоваться вместе с React, Vue.js, Angular.

Советую посмотреть подборку, в ней можно найти много интересных проектов.

#list #js

https://risingstars.js.org/2019/en/

Svelte популярнее ангулара?