eugenedrvnk

Я обычно юзаю vuelidate, а для того что бы выводить возможные варианты почты - тут уже вероятно прийдётся писать свои дополнительные проверки.

Особо не вникал, но есть подозрения, что проблема может быть здесь :

<div class="benefits_cards">
            <div class="benefits_cards">

Вычислить у обоих элементов getBoundingClientRect().top и взять разницу.

link

$auth.$state.user?.admin

Если использовать png картинку, то изменять её можно либо меня прозрачность, либо навешивая разного рода фильтры. (в вашем случае возможно подойдёт "filter: sepia(60%);"
Либо же - можно использовать svg и там просто изменять цвет заливки.

Если вам нужно что бы после преодоления определённой отметки, цвет хедера менялся, тогда что-то вроде :

document.addEventListener('resize', () => {
  if (window.scrollY > 200 && heder.style.color != 'red') {
    header.style.color = 'red'
  } else if (header.style.color == 'red') header.style.color = 'auto'
})

А если вам нужно что бы цвет изменялся плавным переходом по мере скролла тогда вероятно вам стоит обратиться к плагину ScrollMagic

function move(val, array) {
	let index = array.indexOf(val);
	array.splice(index,1)
	array.splice(index+1, 0, val)
	return array;
}

В какой-то переменной хранить кол-во подгруженных постов, и при соприкосновении с футером, подгружать ещё посты и, соответственно, увеличивать значение переменной. А конец прокрутки по идее таким образом мониторить можно : this.scrollTop==this.scrollHeight-this.clientHeight;

Спасибо за комментарий с ответом этому пользователю.
Добавление pointer - events : none решает все возникающие проблемы.

вероятно об этом речь