Estoy tratando de eliminar un artículo del carrito. Entonces debería poder eliminar el artículo con la identificación del carrito. Tengo un cartHelper y allí definí mi llamada api:

 removeFromCart: function (id, callback = undefined) { return apiHelper.deleteRequest( `/carts/${this.cookieValue}/remove-item`, (response) => { document.cookie = `${this.cartCookieName}=${response.data.attributes.cart_guid};`; if (callback) { callback(response); } }, { id: id } ) },

Y luego llamo a esta función en mi componente Cart:

 methods: { removeFromCart(id) { cartHelper.removeFromCart(id, () => { this.$store.dispatch('removeProductFromCart', id) }); }, },

Y definí mi acción como en el siguiente:

 export const removeProductFromCart = ({ commit }, id) => { commit('REMOVE_PRODUCT_FROM_CART', id); }

Y aquí está mi mutación:

 export const REMOVE_PRODUCT_FROM_CART = (state, id) => { state.cart = state.cart.filter(item => { return item.id !== id; }) }

Pero tan pronto como hago clic en el botón, donde estoy llamando a removeFromCart en mi componente Cart, obtengo "TypeError: _vm.removeProductFromCart is not a function" y no pude averiguar el motivo. Si puedes ayudarme, sería genial.

Versión editada --------- Aquí está mi estado:

 export default { cart: { "attributes": { "items": [], } }

Y mi index.js para la tienda:

 import Vue from 'vue'; import Vuex from "vuex"; Vue.use(Vuex); import state from "./state"; import * as getters from './getters'; import * as mutations from "./mutations"; import * as actions from "./actions"; export default new Vuex.Store({ state, getters, mutations, actions, }); }