diff --git a/2021-05-05_vuex-11-a-challenge-starting-code/src/components/products/ProductItem.vue b/2021-05-05_vuex-11-a-challenge-starting-code/src/components/products/ProductItem.vue index 0c5d51f..5e4e951 100644 --- a/2021-05-05_vuex-11-a-challenge-starting-code/src/components/products/ProductItem.vue +++ b/2021-05-05_vuex-11-a-challenge-starting-code/src/components/products/ProductItem.vue @@ -13,7 +13,7 @@
-
diff --git a/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/actions.js b/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/actions.js index 46549bf..bd03cf3 100644 --- a/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/actions.js +++ b/2021-05-05_vuex-11-a-challenge-starting-code/src/store/modules/cart/actions.js @@ -1,6 +1,9 @@ export default { addProductToCart(context, payload) { - context.commit('addProductToCart', payload); + const productId = payload.id; + const products = context.rootGetters['products/products']; + const product = products.find(product => product.id === productId); + context.commit('addProductToCart', product); }, removeProductFromCart(context, payload) { context.commit('removeProductFromCart', payload);