Merge pull request #24 from davisski/issue/23

#23 - Now pushing product id to cart.
davisski · Aug 1, 2022 · 51dbad3 · 51dbad3
2 parents 84c4bd5 + e50a24e
commit 51dbad3
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 6 deletions.
diff --git a/components/ProductDisplay.js b/components/ProductDisplay.js
@@ -52,7 +52,7 @@ app.component("product-display", {
   methods: {
     addToCart() {
       if (this.variants[this.selectedVariant].quantity > 0) {
-        this.$emit("add-to-cart");
+        this.$emit("add-to-cart", this.variants[this.selectedVariant].id);
       }
     },
     updateSelected(sock) {

diff --git a/index.html b/index.html
@@ -11,8 +11,8 @@
   <body>
     <div id="app">
       <div class="nav-bar"></div>
-      <div class="cart">Cart ({{ cart }})</div>
-      <product-display @add-to-cart="updateCart()"></product-display>
+      <div class="cart">Cart ({{ cart.length }})</div>
+      <product-display @add-to-cart="updateCart"></product-display>
     </div>
 
     <!-- Import Js -->

diff --git a/main.js b/main.js
@@ -1,12 +1,12 @@
 const app = Vue.createApp({
   data() {
     return {
-      cart: 0,
+      cart: [],
     };
   },
   methods: {
-    updateCart() {
-      this.cart += 1;
+    updateCart(id) {
+      this.cart.push(id);
     },
   },
 });