<template> <div class="pb-3"> <h3 class="text-3xl font-bold tracking-tight" :class="{ 'text-neutral-content': dark, 'text-content': !dark, }" > <slot /> </h3> <p v-if="$slots.description" class="mt-2 max-w-4xl text-sm text-gray-500"> <slot name="description" /> </p> </div> </template> <script lang="ts" setup> defineProps({ dark: { type: Boolean, default: false, }, }); </script>