From 755f822e8394c40c8a46442b596cc05751dc9448 Mon Sep 17 00:00:00 2001
From: Sandeep Kakde <72334178+kakde-sandeep@users.noreply.github.com>
Date: Tue, 18 Feb 2025 11:30:27 +0530
Subject: [PATCH] fix: Autocomplete multiselect

Combox's default comparison is not working as expected, so providing users to override this comparison according to there needs.
---
 src/components/Autocomplete.story.vue | 1 +
 src/components/Autocomplete.vue       | 2 ++
 2 files changed, 3 insertions(+)

diff --git a/src/components/Autocomplete.story.vue b/src/components/Autocomplete.story.vue
index a0a9105a..bcbfe5a1 100644
--- a/src/components/Autocomplete.story.vue
+++ b/src/components/Autocomplete.story.vue
@@ -85,6 +85,7 @@ const options = [
           v-model="people"
           placeholder="Select people"
           :multiple="true"
+          :by="(a, b) => a.value === b.value"
         />
       </div>
     </Variant>
diff --git a/src/components/Autocomplete.vue b/src/components/Autocomplete.vue
index 0a472344..ad2ab5f4 100644
--- a/src/components/Autocomplete.vue
+++ b/src/components/Autocomplete.vue
@@ -2,6 +2,7 @@
   <Combobox
     v-model="selectedValue"
     :multiple="multiple"
+    :by="by"
     nullable
     v-slot="{ open: isComboboxOpen }"
   >
@@ -213,6 +214,7 @@ type AutocompleteProps = {
 const props = withDefaults(defineProps<AutocompleteProps>(), {
   multiple: false,
   hideSearch: false,
+  by: null,
 })
 const emit = defineEmits(['update:modelValue', 'update:query', 'change'])