diff options
Diffstat (limited to 'iridescence/src/components/InventoryFilter.vue')
-rw-r--r-- | iridescence/src/components/InventoryFilter.vue | 39 |
1 files changed, 8 insertions, 31 deletions
diff --git a/iridescence/src/components/InventoryFilter.vue b/iridescence/src/components/InventoryFilter.vue index 365c1e8..58547eb 100644 --- a/iridescence/src/components/InventoryFilter.vue +++ b/iridescence/src/components/InventoryFilter.vue @@ -1,40 +1,17 @@ <template> <div id="inventoryFilter"> - <section class="section"> - <div class="container"> - <input - class="input is-primary is-medium" - type="text" - placeholder="Find something in particular..." - v-model.trim="term" - @input="updateFilter" - autofocus - /> - </div> - <content class="has-text-centered" v-if="noResults"> - <p>We couldn't find anything like that...</p> - </content> - </section> + <h1 class="subtitle"> + Filter Products + </h1> + <label class="checkbox"> + <input type="checkbox" /> + Remember me + </label> </div> </template> <script> export default { - name: "InventoryFilter", - data() { - return { - term: "" - }; - }, - computed: { - noResults() { - return !this.$store.getters.inventory.length; - } - }, - methods: { - updateFilter() { - this.$store.commit("filterTerm", this.term); - } - } + name: "InventoryFilter" }; </script> |