Recientemente estoy empezando a utilizar Vue.js y se me hace un poco complicado traducir el siguiente código de Javascript a Vue.js, por este motivo necesito apoyo, por favor:
const toggleButton = document.querySelector(".dark-light");
const colors = document.querySelectorAll(".color");
colors.forEach(color => {
color.addEventListener("click", e => {
colors.forEach(c => c.classList.remove("selected"));
const theme = color.getAttribute("data-color");
document.body.setAttribute("data-theme", theme);
color.classList.add("selected");
});
});
toggleButton.addEventListener("click", () => {
document.body.classList.toggle("dark-mode");
});
El contenedor de vue:
const app = new Vue({
el: '#app',
data: {
},
methods: {
}
})