Refresh results in single page application

After adding new record, instant search <ais-results> does not update. I need a way to show new items. Is there any solution?

<ais-results>
	<template scope="{ result }">
		<li class="list-group-item">
			<a href="#"><strong><ais-highlight :result="result" attribute-name="name"/></strong></a>
		</li>
	</template>
</ais-results>

[rayrutjes]

Hey @a4anes , I think adding a method refresh to the search store makes sense. This method would take care of clearing the underlying Algolia client’s cache, and fetch the results again.

Would that work for you?

[ilearnio]

This is how I refresh results

// In template
<ais-index ref="aisIndex" ...>
  ...
</ais-index>

// In "methods"
refreshResults () {
  if (this.$refs.aisIndex) {
    const searchStore = this.$refs.aisIndex._localSearchStore
    searchStore.clearCache()
    searchStore.refresh()
  }
}