diff options
Diffstat (limited to 'iridescence/src/components/InventorySearch.vue')
-rw-r--r-- | iridescence/src/components/InventorySearch.vue | 52 |
1 files changed, 0 insertions, 52 deletions
diff --git a/iridescence/src/components/InventorySearch.vue b/iridescence/src/components/InventorySearch.vue deleted file mode 100644 index 6145246..0000000 --- a/iridescence/src/components/InventorySearch.vue +++ /dev/null @@ -1,52 +0,0 @@ -<template> - <div id="inventorySearch"> - <div class="field is-grouped is-grouped-multiline"> - <div class="control is-expanded"> - <input - class="input is-primary is-medium" - type="text" - placeholder="Find something in particular..." - v-model.trim="term" - @input="updateSearch" - autofocus - /> - </div> - <div class="control"> - <div class="select is-primary is-medium"> - <select> - <option>Featured</option> - <option>Name/A-Z</option> - <option>Newest to Oldest</option> - <option>Oldest to Newest</option> - <option>Low to High</option> - <option>High to Low</option> - </select> - </div> - </div> - </div> - <content class="has-text-centered" v-if="noResults"> - <p>We couldn't find anything like that...</p> - </content> - </div> -</template> - -<script> -export default { - name: "InventorySearch", - data() { - return { - term: "" - }; - }, - computed: { - noResults() { - return !this.$store.getters.inventory.length; - } - }, - methods: { - updateSearch() { - this.$store.commit("filterTerm", this.term); - } - } -}; -</script> |