Trabajé para aumentar la escala al pasar el mouse sobre un elemento con clase de escala. Solo el li al principio funciona correctamente, tengo curiosidad por saber por qué.
cursorActive() { const cursor = document.querySelector(".cursor"); const cursorLink = document.querySelector(".scale"); cursorLink.addEventListener('mouseover', function () { cursor.style.transform = 'scale(3.2)'; }); cursorLink.addEventListener('mouseout', function () { cursor.style.transform = 'scale(1)'; }); } <li class="list scale"><router-link to="/">A</router-link></li> <li class="list scale"><router-link to="/contact">B</router-link></li> <li class="list scale"><router-link to="/Experience">C</router-link></li>