<template>
    <div>
        <ais-index :search-store="searchStore1"></ais-index>
        <ais-index :search-store="searchStore2"></ais-index>
        <your-map-component :results="combinedResults"></your-map-component>
    </div>
</template>

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

const searchStore1 = createFromAlgoliaCredentials('appId', 'apiKey');
searchStore1.indexName = '<index1>';
const searchStore2 = createFromAlgoliaCredentials('appId', 'apiKey');
searchStore2.indexName = '<index2>';

export default {
    data() {
        return {
            searchStore1,
            searchStore2,
        }
    },

    computed() {
        combinedResults() {
            return searchStore1.results.concat(searchStore2.results);
        }
    }
}
</script>