t-filters-dropdown: Shows filter with their respective sections assigned using filter-type prop, clicking on any filter adds the filter to filters state.
t-filters-section: Main container that shows all the selected filters.
filter-type helps in categorising of filters in their sections.
v-show along with hasOwnProperty is used on filters object instead of v-if because when a filter is selected, it will have an empty string value which will have undesirable effects with v-if, also because our filters only get data when clicked or opened v-show will not affect backend performance.
Pitch
This PR adds two new components.
t-filters-dropdown
: Shows filter with their respective sections assigned usingfilter-type
prop, clicking on any filter adds the filter tofilters
state.t-filters-section
: Main container that shows all the selected filters.Syntax
Important
filter-type
helps in categorising of filters in their sections.v-show
along withhasOwnProperty
is used onfilters
object instead ofv-if
because when a filter is selected, it will have an empty string value which will have undesirable effects withv-if
, also because our filters only get data when clicked or openedv-show
will not affect backend performance.