From 484a7b4bea18d63309c54b14bd49ff15009328a0 Mon Sep 17 00:00:00 2001
From: Martin Desrumaux <9059840+gnuletik@users.noreply.github.com>
Date: Tue, 4 Jan 2022 02:07:58 +0100
Subject: [PATCH] fix(vue3): migrate refs array (#1534)

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

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 5da5ffe..93d1f22 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -17,7 +17,7 @@
     >
       <div ref="selectedOptions" class="vs__selected-options">
         <slot
-          v-for="option in selectedValue"
+          v-for="(option, i) in selectedValue"
           name="selected-option-container"
           :option="normalizeOptionForSlot(option)"
           :deselect="deselect"
@@ -34,6 +34,7 @@
             <button
               v-if="multiple"
               ref="deselectButtons"
+              :ref="el => deselectButtons[i] = el"
               :disabled="disabled"
               type="button"
               class="vs__deselect"
@@ -693,6 +694,7 @@ export default {
       pushedTags: [],
       // eslint-disable-next-line vue/no-reserved-keys
       _value: [], // Internal value managed by Vue Select if no `value` prop is passed
+      deselectButtons: []
     }
   },
 
@@ -1101,7 +1103,7 @@ export default {
       //  don't react to click on deselect/clear buttons,
       //  they dropdown state will be set in their click handlers
       const ignoredButtons = [
-        ...(this.$refs['deselectButtons'] || []),
+        ...(this.deselectButtons || []),
         ...([this.$refs['clearButton']] || []),
       ]