fix: replace PrimeVue Chip with native implementation in SearchFilterChip

Remove the last PrimeVue Chip import and replace with a Tailwind-styled
span + lucide X button, fixing the sizing regression and aligning with
the project guideline to avoid new PrimeVue usage.
This commit is contained in:
dante01yoon
2026-03-26 20:37:24 +09:00
parent 82f6b12ac2
commit 196f7baae0

View File

@@ -1,12 +1,19 @@
<template>
<Chip removable @remove="emit('remove', $event)">
<span
class="inline-flex items-center gap-1 rounded-2xl bg-surface-700 py-0.5 pr-1 pl-2 text-xs"
>
<Badge :label="badge" :class="semanticBadgeClass" />
{{ text }}
</Chip>
<button
class="inline-flex cursor-pointer items-center justify-center rounded-full p-0.5 hover:bg-surface-600"
@click="emit('remove', $event)"
>
<i class="icon-[lucide--x] size-3 text-muted-foreground" />
</button>
</span>
</template>
<script setup lang="ts">
import Chip from 'primevue/chip'
import { computed } from 'vue'
import Badge from '@/components/common/Badge.vue'