12 lines
369 B
Vue
12 lines
369 B
Vue
<template>
|
|
<span
|
|
class="inline-block px-2 py-0.5 rounded-full text-xs font-medium bg-sage-100 text-sage-700 border border-sage-200 cursor-pointer hover:bg-sage-200 transition-colors"
|
|
@click.prevent="$emit('click', tag)"
|
|
>{{ tag }}</span>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
defineProps<{ tag: string }>()
|
|
defineEmits<{ click: [tag: string] }>()
|
|
</script>
|