diff --git a/website/client/components/shops/market/filter.vue b/website/client/components/shops/market/filter.vue index 2f32c507ed..5bd39a6b1e 100644 --- a/website/client/components/shops/market/filter.vue +++ b/website/client/components/shops/market/filter.vue @@ -3,11 +3,11 @@ h2(v-once) {{ $t('filter') }} .form-group checkbox( - v-for="category in categories", - :key="category.identifier", - :id="`category-${category.identifier}`", - :checked.sync="viewOptions[category.identifier].selected", - :text="category.text" + v-for="viewOptionKey in Object.keys(viewOptions)", + :key="viewOptionKey", + :id="`category-${viewOptionKey}`", + :checked.sync="viewOptions[viewOptionKey].selected", + :text="viewOptions[viewOptionKey].text" ) div.form-group.clearfix h3.float-left(v-once) {{ $t('hideLocked') }} @@ -27,7 +27,7 @@ import Checkbox from 'client/components/ui/checkbox'; import toggleSwitch from 'client/components/ui/toggleSwitch'; export default { - props: ['hidePinned', 'hideLocked', 'categories', 'viewOptions'], + props: ['hidePinned', 'hideLocked', 'viewOptions'], components: { Checkbox, toggleSwitch, diff --git a/website/client/components/shops/market/index.vue b/website/client/components/shops/market/index.vue index 6b8349bc27..fb2f332da8 100644 --- a/website/client/components/shops/market/index.vue +++ b/website/client/components/shops/market/index.vue @@ -4,7 +4,6 @@ .form-group input.form-control.input-search(type="text", v-model="searchText", :placeholder="$t('search')") market-filter( - :categories="categories", :hideLocked.sync="hideLocked", :hidePinned.sync="hidePinned", :viewOptions="viewOptions" @@ -39,7 +38,7 @@ span.text {{ $t(ctx.item.id) }} div( v-for="category in categories", - v-if="!anyFilterSelected || viewOptions[category.identifier].selected && category.identifier !== 'equipment'" + v-if="!anyFilterSelected || viewOptions[category.identifier].selected" ) h4 {{ category.text }} category-row( @@ -197,7 +196,12 @@ export default { }, data () { return { - viewOptions: {}, + viewOptions: { + equipment: { + selected: false, + text: this.$t('equipment'), + }, + }, searchText: null, searchTextThrottled: null, @@ -238,11 +242,6 @@ export default { ...this.market.categories, ]; - categories.push({ - identifier: 'equipment', - text: this.$t('equipment'), - }); - categories.push({ identifier: 'cards', text: this.$t('cards'), @@ -291,6 +290,7 @@ export default { if (!this.viewOptions[category.identifier]) { this.$set(this.viewOptions, category.identifier, { selected: false, + text: category.text, }); } });