Nuxt Swiftsearch Components
<AisRefinementList>
Refinement List Widget
Usage
MySearchExperience.vue
<template>
<div>
<AisInstantSearch :widgets :configuration>
<AisRefinementList attribute="brand"></AisRefinementList>
<AisRefinementList attribute="name"></AisRefinementList>
</AisInstantSearch>
</div>
</template>
<script setup lang="ts">
const widgets = computed(() => [
useAisRefinementList({
attribute: "brand",
}),
useAisRefinementList({
attribute: "name",
}),
]);
</script>
⚠️ Always pass the attribute parameter and prop.
Slots, props and widget connector params are all typed! More thorough documentation coming soon :)