V-if — условие в зависимости от размера экрана ⇐ CSS

[Anonymous]

я пытаюсь использовать v-if для отображения двух кнопок в разных контейнерах на странице, в зависимости от размера экрана
есть ли способ изменить родительский элемент элементов в @media или способ использования размера экрана в v- если условие?
я пробовал

Код: Выделить всё

но мне выдает сообщение «TypeError: невозможно прочитать свойства неопределенного значения (чтение 'innerWidth')»
(когда я использую только медиа-запрос, там появляется ошибка с радио-кнопками, когда им нужно 2 клика, чтобы получить :checked стили)
когда я пробовал @media, на самом деле там было 4 кнопки, привязанные к 2 переменным

Код: Выделить всё

[img]../assets/green-smile.png[/img]
text












.month-season {
text-align: right;

label {
.container {
color: rgba(45, 206, 137, 1);
background: white;
img {
margin: 0 4px 0 0;
}
}
input:checked + .parent .container {
background: rgba(45, 206, 137, 1);
color: white;
img {
filter: brightness(1000%);
}
}
input {
appearance: none;
}
}
}

Сообщение об ошибке при использовании window.innerWidth
[img]https://i.sstatic.net /txCVE.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/766 ... creen-size