fix(emoji-picker): NO-JIRA fix ref reactivity in vue2 (#512)

Co-authored-by: iropolo <[email protected]>
dialpad · Sep 27, 2024 · c4255c1 · c4255c1
1 parent 57bd549
commit c4255c1
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/dialtone-vue2/components/emoji_picker/modules/emoji_selector.vue b/packages/dialtone-vue2/components/emoji_picker/modules/emoji_selector.vue
@@ -184,8 +184,8 @@ export default {
 
     tabLabels () {
       return this.recentlyUsedEmojis.length
-        ? this.tabSetLabels.map((label, index) => ({ label, ref: this.$refs[`tabLabelRef-${index}`] }))
-        : this.tabSetLabels.slice(1).map((label, index) => ({ label, ref: this.$refs[`tabLabelRef-${index}`] }));
+        ? this.tabSetLabels.map((label) => ({ label }))
+        : this.tabSetLabels.slice(1).map((label) => ({ label }));
     },
 
     tabs () {
@@ -254,10 +254,10 @@ export default {
 
   methods: {
     setupTabLabelRefs () {
-      this.tabSetLabels?.forEach((label, index) => {
+      this.tabSetLabels?.forEach((_, index) => {
         const refKey = `tabLabelRef-${index}`;
         if (this.$refs[refKey]) {
-          this.$set(this.tabLabels, index, { label, ref: this.$refs[refKey] });
+          this.$set(this.tabLabels, index, { ...this.tabLabels[index], ref: this.$refs[refKey] });
         }
       });
     },