in progress

store/index.js

@@ -1,22 +1,43 @@
 export const state = () => ({
   products: [],
-  cart: []
+  cart: [],
+  checkout: {}
 })
 
 export const mutations = {
   setProducts (state, data) {
     state.products = data
   },
-  addToCart (state, item) {
-    const element = state.cart.filter(el => el.id === item.id)
-    if (element.length > 0) {
-      const index = state.cart.indexOf(element[0])
+  setCheckout (state, data) {
+    state.checkout = data
+  },
+  incrementCart (sate, index) {
+    state.cart[index].count++
+  },
+  addCart (state, item) {
+    item.count = 1
+    state.cart.push(item)
+  }
+}
+
+export const getters = {
+  getCartItem: state => (id) => {
+    return state.cart.filter(item => (item.id === id))
+  }
+}
+
+export const actions = {
+  addItemToCart ({ commit, getters }, payload) {
+    return new Promise((resolve) => {
+      const element = getters.getCartItem(payload.id)
       // eslint-disable-next-line no-console
-      console.log(index)
-      state.cart[index].count++
-    } else {
-      item.count = 1
-      state.cart.push(item)
-    }
+      console.log(element)
+      if (element.length > 0) {
+        commit('incrementCart', payload.id)
+      } else {
+        commit('addCart', payload)
+      }
+      resolve(getters.getCartItem(payload.id)[0])
+    })
   }
 }