framit/app/components/Ui/BadgeListCard.vue

<template>
  <UPageCard class="bg-background-100 my-10">
    <p class="text-xl">
      <slot />
    </p>
    <UiBadgeList :tools="tools" />
  </UPageCard>
</template>

<script setup lang="ts">
import type { Tool } from '~/types/tool';

const { tools } = defineProps<{
  tools: Tool[];
}>();
</script>