Programatically refine on category in Vue InstantSearch

programatically-refine-category.vue

<template>
    <ais-index :search-store="searchStore">
        <!-- your other components here -->
    </ais-index>
</template>


<script>
import {
  createFromAlgoliaCredentials,
  FACET_OR,
} from 'vue-instantsearch';

const store = createFromAlgoliaCredentials(
    '<app-id>',
    '<api-key>'
);
store.indexName = '<index-name>';
store.addFacet('category_id', FACET_OR);
store.addFacetRefinement('category_id', /* put your current category ID here */);

export default {
  data() {
      return { searchStore: store }
  }
}
</script>