diff --git a/resources/js/Components/app/ui/AppMultiSelect.vue b/resources/js/Components/app/ui/AppMultiSelect.vue index 06b5f75..614714f 100644 --- a/resources/js/Components/app/ui/AppMultiSelect.vue +++ b/resources/js/Components/app/ui/AppMultiSelect.vue @@ -84,8 +84,8 @@ const summaryText = computed(() => { const found = props.items.find((i) => String(i.value) === String(v)); return found?.label || v; }); - if (labels.length <= 3) return labels.join(', '); - const firstThree = labels.slice(0, 3).join(', '); + if (labels.length <= 3) return labels.join(", "); + const firstThree = labels.slice(0, 3).join(", "); const remaining = labels.length - 3; return `${firstThree}, … +${remaining}`; // show ellipsis and remaining count }); @@ -154,7 +154,7 @@ const summaryText = computed(() => { :variant="chipVariant" class="flex items-center gap-1" > - + {{ items.find((i) => String(i.value) === String(val))?.label || val }}