1 2 3 4 5 6 7 8 9 10
<script setup lang="ts"> defineProps<{ tone: "good" | "warn" | "danger" | "neutral"; label: string; }>(); </script> <template> <span class="status-pill" :data-tone="tone">{{ label }}</span> </template>