From e0ed684d5a31a30cac52c56e12c000e8cc7bdcaa Mon Sep 17 00:00:00 2001
From: Adam Carpenter <atc@53hor.net>
Date: Tue, 28 Apr 2020 22:23:20 -0400
Subject: made inventory cards arranged in a column list with basic info from
 inventory in store

---
 iridescence/src/components/InventoryList.vue | 37 ++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)
 create mode 100644 iridescence/src/components/InventoryList.vue

(limited to 'iridescence/src/components/InventoryList.vue')

diff --git a/iridescence/src/components/InventoryList.vue b/iridescence/src/components/InventoryList.vue
new file mode 100644
index 0000000..dbda9a4
--- /dev/null
+++ b/iridescence/src/components/InventoryList.vue
@@ -0,0 +1,37 @@
+<template>
+  <div id="inventoryList">
+    <section class="section">
+      <div class="container">
+        <div class="columns is-multiline is-variable is-7-desktop">
+          <div
+            class="column is-one-quarter"
+            v-for="item in inventory"
+            :key="item.id"
+          >
+            <InventoryCard v-bind="item"></InventoryCard>
+          </div>
+        </div>
+      </div>
+    </section>
+  </div>
+</template>
+
+<script>
+import InventoryCard from "@/components/InventoryCard.vue";
+
+export default {
+  name: "InventoryList",
+  components: {
+    InventoryCard
+  },
+  data() {
+    return {};
+  },
+  computed: {
+    inventory() {
+      return this.$store.getters.inventory;
+    }
+  },
+  methods: {}
+};
+</script>
-- 
cgit v1.2.3

