fix: front type check

frontend/src/components/ui/DataTable.vue

@@ -1,8 +1,17 @@
 <script setup lang="ts">
+type Column = { key: string; label: string; align?: 'left' | 'center' | 'right' | string }
+type DataTableSlotRow = Record<string, any>
+
 defineProps<{
-  columns: Array<{ key: string; label: string; align?: 'left' | 'center' | 'right' | string }>
+  columns: Column[]
   rows: Record<string, unknown>[]
 }>()
+
+defineSlots<Record<string, (props: { row: DataTableSlotRow; value: any }) => unknown>>()
+
+function getCell(row: Record<string, unknown>, key: string) {
+  return row[key]
+}
 </script>
 
 <template>
@@ -18,8 +27,8 @@ defineProps<{
       <tbody>
         <tr v-for="(row, i) in rows" :key="i">
           <td v-for="col in columns" :key="col.key" :class="`align-${col.align ?? 'left'}`">
-            <slot :name="col.key" :row="row" :value="row[col.key]">
-              {{ row[col.key] }}
+            <slot :name="col.key" :row="row" :value="getCell(row, col.key)">
+              {{ getCell(row, col.key) }}
             </slot>
           </td>
         </tr>