you can now see cart items on cart page

1 files changed, 21 insertions, 3 deletions

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
   }