Vue instant search search parameters

Hi there, I have a div like below:

<div class="filters-wrap">
  <p>Style</p>
  <div class="filters-options">
    <ais-refinement-list attribute-name="style" :sort-by="['name:asc']" :limit="100">
    </ais-refinement-list>
  </div>
</div>

Is there any way to get the current search parameters (I know how to get the query) so that I could do something along the lines of:

<div class="filters-wrap" :class="{ 'active' : algoliaSearch.refinements.indexOf('style') > 0 }">

To add some styles to the surrounding div.

Sorry, I’m not exactly sure what you mean, could you explain what you want with a screenshot?

Hi Haroen, thanks for getting back to me.

If I use something like this:

<ais-stats>
  <template slot-scope="{ totalResults, query }">
    {{ query }}
  </template>
</ais-stats>

The query will show me whatever query I have typed in the <ais-input/>.

Is there anyway to show what items have been checked in a <ais-refinement-list/>?

That should be available on this.searchStore (if you use the Component mixin). In the next version we will have a dedicated current refinements widget. see https://github.com/algolia/vue-instantsearch/blob/f52a935c98672726f1810ebaf4c73a9f76484503/src/components/RefinementList.vue#L70-L74 for how to use it