From a3fae16f95b2894b1c169ac8a1443400d63e433d Mon Sep 17 00:00:00 2001
From: probdg <ekoharyadi416@gmail.com>
Date: Fri, 9 Feb 2024 11:49:54 +0700
Subject: [PATCH] Refactor SelectMulti component to improve multiple selection
 UI

---
 src/components/SelectMulti.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/SelectMulti.vue b/src/components/SelectMulti.vue
index ccd4359..9f9294d 100644
--- a/src/components/SelectMulti.vue
+++ b/src/components/SelectMulti.vue
@@ -53,7 +53,7 @@ onMounted(() => {
 </script>
 
 <template>
-  <Combobox @update:modelValue="value => emit('update:selected', value)" v-model="selected" v-slot="{ open }" multiple="">
+  <Combobox @update:modelValue="value => emit('update:selected', value)" v-model="selected" v-slot="{ open }" multiple>
     <div class="relative mt-1">
       
       <div
@@ -66,7 +66,7 @@ onMounted(() => {
           <ChevronUpDownIcon class="h-5 w-5 text-gray-400" aria-hidden="true" />
         </ComboboxButton>
       </div>
-      <span class="block flex flex-wrap gap-2">
+      <span class="flex flex-wrap gap-2">
         <span v-if="selected.length == 0" class="p-0.5">Empty</span>
         <span v-for="item in selected" :key="item.id" class="inline-flex items-center rounded-md bg-blue-50 px-2 py-1 text-xs font-medium text-blue-700 ring-1 ring-inset ring-blue-700/10">
           <span>{{ item.name }}</span>