diff options
author | Adam Carpenter <atc@53hor.net> | 2020-04-28 22:23:20 -0400 |
---|---|---|
committer | Adam Carpenter <atc@53hor.net> | 2020-04-28 22:23:20 -0400 |
commit | e0ed684d5a31a30cac52c56e12c000e8cc7bdcaa (patch) | |
tree | e8438e4ace3dc8168cba945190427d3b84485d41 /iridescence/src/components/InventoryList.vue | |
parent | df4105ae63c94c5ee8556ebc994ba2c0fd946288 (diff) | |
download | theglassyladies-e0ed684d5a31a30cac52c56e12c000e8cc7bdcaa.tar.xz theglassyladies-e0ed684d5a31a30cac52c56e12c000e8cc7bdcaa.zip |
made inventory cards arranged in a column list with basic info from inventory in store
Diffstat (limited to 'iridescence/src/components/InventoryList.vue')
-rw-r--r-- | iridescence/src/components/InventoryList.vue | 37 |
1 files changed, 37 insertions, 0 deletions
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> |