Algolia vue instant search: Stack search results from searchStore

211 views Asked by At

In this example, Algolia increases the page number and stacks results on top of each other:

<ais-results :stack="true">

This means that during this method:

methods: {
  loadMore: function() {
    this.page++;
  }
}

All the results load on top of each other.

I'd like to recreate this, but I'm using a custom component:

import { Component } from "vue-instantsearch"; 

export default {
  components: { "v-image": VImage },
  mixins: [Component],
  computed: {
    results() {
      return this.searchStore.results;
    },
    rows() {
      var arr = this.results;
      var len = 3;
      var chunks = [],
        i = 0,
        n = arr.length;
      while (i < n) {
        chunks.push(arr.slice(i, (i += len)));
      }
      return chunks;
    }
  }
};

Is there any way I can set the :stack="true" on my search store? I have been looking for a method to apply to the return this.searchStore.results;

0

There are 0 answers