Using ais-configure creates multiple requests

Instead of using the ais-search-box i am making queries by using the ais-configure and parsing a query. As seen in the example below I am updating the query 2 times, and that results in the same request being fired 2 times for each query update.

How come this happens, and is there a way to make sure each request is only fired once?

<template>
  <div class="-s-test">
    <ais-instant-search
      :search-client="searchClient"
      index-name="demo_ecommerce">
      <ais-configure
        :query="searchQuery"
        :hits-per-page.camel="11"
        :optional-words.camel="searchQuery"/>
    </ais-instant-search>
  </div>
</template>

<script>
  import algoliasearch from 'algoliasearch/dist/algoliasearch'

  export default {
    data() {
      return {
        searchClient: algoliasearch(
          'B1G2GM9NG0',
          'aadef574be1f9252bb48d4ea09b5cfe5'
        ),
        searchQuery: '',
      }
    },
    created() {
      setTimeout(() => {
        this.searchQuery = 'horse'
      }, 1000)

      setTimeout(() => {
        this.searchQuery = 'donkey'
      }, 2000)
    },
  }
</script>

Could you please reproduce the issue in this Vue InstantSearch sandbox? It’ll be easier for us to help you debug the issue.

Note that you’re not using the full algoliasearch build. We recommend using algoliasearch/lite to reduce the bundle size, which contains only the search functionalities (not the indexing capabilities).