<AisMenu>

<template>
  <div>
    <AisInstantSearch :widgets :configuration>
      <AisMenu attribute="categories" :show-more="true" />
    </AisInstantSearch>
  </div>
</template>

<script setup lang="ts">
const widgets = computed(() => [
  useAisMenu({
    attribute: "categories",
    limit: 5,
    showMore: true,
    showMoreLimit: 10,
    sortBy: ["name:asc"],
    transformItems: (items) => {
      return items.map((item) => {
        return {
          ...item,
          label: item.label.toUpperCase(),
        };
      });
    },
  }),
]);
</script>