A guide for refreshing the search interface

see https://github.com/algolia/vue-instantsearch/issues/241#issuecomment-320491382

This will be a guide on how to create a custom component which calls searchStore.refresh() at some point.

[gqoew]

Hi @Haroenv

Thank you for updating this guide. I was wondering if there is an alternative way create a method() to refresh the search interface? It would allow to refresh results without having to create a new component and to refresh only after a set of user actions success (add, delete, update documents in firestore), instead of having a refresh button or a periodic update.

Something like:

methods: {
  refreshResults () {
      store.clearCache()
      store.refresh()
  },

I use a basic config:

      <ais-instant-search :search-client="searchClient" index-name="index">
        <ais-search-box/>
        <ais-hits>
        ...
        </ais-hits>
      </ais-instant-search>
    </div>

Not sure how to access the store though.

Thanks!

[abattenburg]

Never mind made a silly mistake and it’s working just fine. Great to know this feature has been added!