dudaevfrontend

Пропсы не передаются в родителя, только от родителя к ребенку. Можно передавать данные в родителя через события.

const emit = defineEmits();

const setData = (value) => {
  emit('set-data', value)
}

Снаружи слушаешь у компонента @setData

Еще можно биндом слотов, но там передаются данные только в template внутри блока компонента.
Так же можно передавать данные через стор.

Все это описано в документации, ознакомься хотя бы раз внимательно со всем функционалом vue

Используй getters, оно именно для этого и предназначено. Точно также как computed в самом vue.

export default createStore({
  state: {
    list1: [],
  },
  getters: {
    list2(state) {
      return state.list1.filter(...) 
    }
  }
})

P.S. И да, нахрен vuex, используй pinia.

Добавь ей неподвижную обертку которая будет ловить наведение, а уже сама карточка крутиться будет. Соответственно пока мышка в пределах изначального контура карточки (неподвижной обертки) с карточки не слетит ховер

@click="deleteTodo(todo)"

deleteTodo(todo) {
  this.todos.splice(this.todos.indexOf(todo), 1);
}

Или

v-for="(todo, index) in todos"
@click="deleteTodo(index)"

deleteTodo(index) {
  this.todos.splice(index, 1);
}