Попытка удалить элемент Vuex to Rails

Question

Я работал над клоном Trello с использованием Rails 6 и VueJS, и он в основном работает, хотя у меня возникли проблемы с удалением элемента. Я могу удалить элемент из базы данных, но он не отобразится на странице, если не будет обновлен. Я следил за инструкцией по первоначальной настройке, но теперь пытаюсь добавить свои собственные функции.

Итак, с помощью этого кода я пытаюсь удалить карту из одного из списков плат. Вот мой элемент, который нужно щелкнуть, чтобы удалить карту

компонент карты:

<a class="mr-auto" @click="deleteCard">Delete card</a>

метод удаления карты:

deleteCard: function() {
  Rails.ajax({
    url: `/cards/${this.card.id}`,
    type: "DELETE",
    dataType: "json",
    success: () => {
      this.message = "";
      this.editing = false;
    },
  });
},

У меня установлен Vuex и я использую его для редактирование и добавление карт, но не совсем уверен, как пройти go и найти идентификатор карты для удаления. Вот мои другие настройки мутаций в Vuex

window.store = new Vuex.Store({
  state: {
    lists: [],
  },
  mutations: {
    addList(state, data) {
      state.lists.push(data);
    },
    addCard(state, data) {
      const index = state.lists.findIndex((item) => item.id == data.list_id);
      state.lists[index].cards.push(data);
    },
    editCard(state, data) {
      const list_index = state.lists.findIndex(
        (item) => item.id === data.list_id
      );
      const card_index = state.lists[list_index].cards.findIndex(
        (item) => item.id === data.id
      );
      state.lists[list_index].cards.splice(card_index, 1, data);
    },
  },
});

Любая помощь приветствуется!