Screen resolution condition in Vue.js?

Question

JavaScript

Good afternoon!
Can you please tell me how to correctly write an inline condition in the component: If the screen width is more than 700, then define :item-size="46", if the width is less than 699, then :item-size="56" ?

Answer 1

:item-size="itemSize"

data: () => ({
  itemSize: null,
}),
methods: {
  onResize() {
    this.itemSize = document.documentElement.clientWidth > 700 ? 46 : 56;
  },
},
created() {
  window.addEventListener('resize', this.onResize);
  this.onResize();
},
beforeDestroy() {
  window.removeEventListener('resize', this.onResize);
},

Answer 2

None,
They have this inserted through ifame https://quiz.lifehacker.ru/tests/220
On what it is, xs but plugins for tests 100500
https://ru.wordpress.org/plugins/tags/quiz/