summaryrefslogtreecommitdiff
path: root/iridescence/src/components/InventoryFilter.vue
diff options
context:
space:
mode:
Diffstat (limited to 'iridescence/src/components/InventoryFilter.vue')
-rw-r--r--iridescence/src/components/InventoryFilter.vue39
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>