Traté de mutar el estado en vuex pero siempre dice vuex.esm-browser.js?5502:976 [vuex] unknown mutation type: addToCart . Llamé a addToCart en mutación de dos maneras diferentes de la siguiente manera, pero no funciona. Siempre arroja el mismo error.

 <button @click="addToCart(product)" class="add">Add</button>

 import {mapMutations} from 'vuex' export default{ methods:{ ...mapMutations(["addToCart"]), }, props: ["product"], } </script>

 Vuex store

 import { createStore } from "vuex"; export default createStore({ state:{ cart: [] }, mutation:{ addToCart(state, product){ let item = state.cart.find(i=>i.id === product.id) if(item){ item.quantity++ }else{ state.cart.push({...product, quantity: 1}) } } } })

 I even tried this also

 <button @click="addToCart()" class="add">Add</button> <script> props: ["product"], methods:{ addToCart(){ this.$store.commit('addToCart', this.product) } } </script>