<AisClearRefinements>

<template>
  <div>
    <AisInstantSearch :widgets :configuration>
      <AisClearRefinements />
      <!-- Or, use with an identifier: -->
      <!-- <AisClearRefinements id="all" /> -->

      <AisClearRefinements id="shipping">
        <template #default="{ canRefine, refine, createURL }">
          Clear refinements
        </template>
      </AisClearRefinements>
    </AisInstantSearch>
  </div>
</template>

<script setup lang="ts">
const widgets = computed(() => [
  useAisClearRefinements({}),
  // Or, use with an identifier: useAisClearRefinements({}, "all")
  useAisClearRefinements(
    {
      includedAttributes: ["free_shipping"],
      // excludedAttributes: ['...']
    },
    "shipping"
  ),
]);
</script>