How to switch languages ​​with one button?

Question

Vue.js

I have a switch like this: when you hover the mouse over the button, a list of languages ​​\u200b\u200bappears, and you select it, and the page switches to this language. But I need it to automatically change to the next one when the button is clicked. Let's say it's Russian, I click, the change goes to English, I click, back to Russian, without a list. Help me please!

Answer 1

More or less like this:

<button @click="setLocale($i18n.locale !== 'kk' ? 'kk' : 'ru')">{{ $i18n.locale !== 'kk' ? 'kk' : 'ru' }}</button>