alubochkin

установи лучше axios, думаю причина в томБ что fetch работает только в окружении браузера а вот axios удобно и на серверной стороне работает

table.querySelector('button').addEventListener('click', () => {
    console.log('click')
})

На мой вгляд странно но я так не делал, может так сделаете

const [hide, setHide] = useState(false);

<div className={"loader_div".concat(hide ? ' hide' : '')}>
    <div className="loader"></div>
</div>

.loader_div {
    padding-top: 2.5%;
}
.hide {
    display: none;
}

Может я что не внимательно смотрю но что в this.selectedSort лежит не пустая ли строка
computed:{
sortedPosts(){
return [...this.posts].sort((post1, post2) => {
return post1[this.selectedSort]?.localeCompare(post2[this.selectedSort]);
})
}
},

Можно использовать к гендерную принадлежность в фильтрах

const filter = {
  types:  [
   {name: 'юбка', gender: ['woman']}
   {name: 'рубашка', gender: ['woman', 'man', 'kids']}
]
}

eval('1+1') // ёто не хорошо

'1+1'.split() а дальше через условия выявлять числа и тип опреции

если просто массив чисел так короче

const isRangedNumber = [1, 7, 5, 12];
const isContainsNum = isRangedNumber.includes(5); // true