<template>
        <ais-index :search-store="searchStore">
            <slot></slot>
        </ais-index>
    </template>

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

        const store = createFromAlgoliaCredentials(
            'XXX',
            'XXXX'
        );
        store.indexName = 'products';
        store.addFacet('category_id', FACET_OR);
        store.addFacetRefinement('category_id', this.category_id);

        export default {
            props: ['category_id'],
            data() {
                return {searchStore: store}
            }
        }
    </script>