From 5751052a0df80260ea9e7c66ee222e95de4e35e3 Mon Sep 17 00:00:00 2001
From: "Adam T. Carpenter" <atc@53hor.net>
Date: Tue, 24 Nov 2020 19:39:04 -0500
Subject: you can now see cart items on cart page

---
 iridescence/src/views/Cart.vue | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

(limited to 'iridescence/src/views/Cart.vue')

diff --git a/iridescence/src/views/Cart.vue b/iridescence/src/views/Cart.vue
index 7060b60..f1c369c 100644
--- a/iridescence/src/views/Cart.vue
+++ b/iridescence/src/views/Cart.vue
@@ -1,9 +1,22 @@
 <template>
   <div id="cart">
     <div class="container">
-      <section class="section">
-        <CartItem></CartItem>
-      </section>
+      <div v-if="items" class="section">
+        <CartItem
+          v-for="item in items"
+          :key="item[0]"
+          v-bind:id="item[0] * 1"
+          v-bind:in-cart="item[1]"
+        ></CartItem>
+      </div>
+      <div v-else class="section">
+        <div class="content">
+          <p>
+            There's nothing in your cart.
+            <a href="/">Go home to start shopping!</a>
+          </p>
+        </div>
+      </div>
     </div>
   </div>
 </template>
@@ -13,6 +26,11 @@ import CartItem from "@/components/cart/CartItem.vue";
 
 export default {
   name: "Cart",
+  computed: {
+    items() {
+      return Object.entries(this.$store.state.cart);
+    }
+  },
   components: {
     CartItem
   }
-- 
cgit v1.2.3

