From 02f2216d6bf0d9e61dd35016f749fd34d919ac9a Mon Sep 17 00:00:00 2001
From: Methapon2001 <61303214+Methapon2001@users.noreply.github.com>
Date: Fri, 20 Dec 2024 11:46:10 +0700
Subject: [PATCH] refactor: nest data inside instead

This will make it easy to integrate something into item in the list.
---
 src/components/dialog/DialogSelect.vue | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/dialog/DialogSelect.vue b/src/components/dialog/DialogSelect.vue
index 8069d6e9..cfd9ef84 100644
--- a/src/components/dialog/DialogSelect.vue
+++ b/src/components/dialog/DialogSelect.vue
@@ -112,25 +112,25 @@ watch(() => state.search, getList);
             <slot name="empty" :data="{ notFound: !!state.search }" />
           </div>
           <div
-            :key="item.id"
+            :key="item.data.id"
             v-for="(item, index) in list.map((data) => ({
-              ...data,
-              _selectedIndex: selectedIndex(data),
+              data: data,
+              selectedIndex: selectedIndex(data),
             }))"
             class="col-2"
           >
             <button
               class="selectable-item full-width"
               :class="{
-                ['selectable-item__selected']: item._selectedIndex !== -1,
+                ['selectable-item__selected']: item.selectedIndex !== -1,
                 ['selectable-item__disabled']: disabledItemId?.some(
-                  (id) => id === item.id,
+                  (id) => id === item.data.id,
                 ),
               }"
-              @click="toggleSelect(item)"
+              @click="toggleSelect(item.data)"
             >
               <span class="selectable-item__pos" v-if="!orderHidden">
-                {{ item._selectedIndex + 1 }}
+                {{ item.selectedIndex + 1 }}
               </span>
               <slot name="card" :data="{ index, item }" />
             </button>