fix item slot

Author: HC200ok

package.json

@@ -3,7 +3,7 @@
   "author": "HC200ok",
   "description": "A customizable and easy-to-use data table component made with Vue.js 3.x.",
   "private": false,
-  "version": "1.5.39",
+  "version": "1.5.40",
   "types": "./types/main.d.ts",
   "license": "MIT",
   "files": [

src/components/DataTable.vue

@@ -145,14 +145,9 @@
                 // eslint-disable-next-line max-len
                 }, typeof bodyItemClassName === 'string' ? bodyItemClassName : bodyItemClassName(column, index + 1), `direction-${bodyTextDirection}`]"
                 @click="column === 'expand' ? updateExpandingItemIndexList(index + prevPageEndIndex, item, $event) : null"
-              >
-                <slot
-                  v-if="slots['item']"
-                  name="item"
-                  v-bind="{column, item}"
-                />
+              > 
                 <slot
-                  v-else-if="slots[`item-${column}`]"
+                  v-if="slots[`item-${column}`]"
                   :name="`item-${column}`"
                   v-bind="item"
                 />
@@ -161,7 +156,6 @@
                   :name="`item-${column.toLowerCase()}`"
                   v-bind="item"
                 />
-                
                 <template v-else-if="column === 'expand'">
                   <i
                     class="expand-icon"
@@ -174,6 +168,11 @@
                     @change="toggleSelectItem(item)"
                   />
                 </template>
+                <slot
+                  v-else-if="slots['item']"
+                  name="item"
+                  v-bind="{column, item}"
+                />
                 <template v-else>
                   {{ generateColumnContent(column, item) }}
                 </template>

src/modes/Client.vue

@@ -89,11 +89,11 @@
         </div>
       </template>
 
-      <template #item="{column, item}">
+      <!-- <template #item="{column, item}">
         <div style="padding: 15px">
           column: {{ column }} item: {{ item }}
         </div>
-      </template>
+      </template> -->
 
       <!-- <template #item-lastAttended="item">
         <div style="padding: 15px">