All files / src/components/list ListSection.vue

100% Statements 6/6
100% Branches 0/0
100% Functions 0/0
100% Lines 5/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24                4x 1x 1x     1x         1x          
<script setup lang="ts">
defineProps<{
  title: string
  count: number
}>()
</script>
 
<template>
  <section class="animate-fade-up">
    <div class="flex items-center justify-between mb-3 px-1">
      <h2 class="text-sm font-semibold text-ctp-subtext0 uppercase tracking-wider">
        {{ title }}
      </h2>
      <span class="text-xs font-medium text-ctp-overlay0 bg-ctp-surface0 px-2 py-0.5 rounded-full">
        {{ count }}
      </span>
    </div>
 
    <div class="flex flex-col gap-3">
      <slot />
    </div>
  </section>
</template>