Nuxt Swiftsearch Components
<AisIndex>
Index widget
Usage
MySearchExperience.vue
<template>
<div>
<AisInstantSearch :widgets :configuration>
<AisInfiniteHits />
<AisIndex index="airbnb">
<AisInfiniteHits />
</AisIndex>
</AisInstantSearch>
</div>
</template>
<script setup lang="ts">
const indexBnb = useAisIndex({
indexName: "airbnb",
});
indexBnb.addWidgets([useAisInfiniteHits({})]);
const widgets = computed(() => [indexBnb, useAisInfiniteHits({})]);
</script>
Add multi index search by creating an AisWidget index and adding it's own children widgets to it!
Slots, props and widget connector params are all typed! More thorough documentation coming soon :)