fix: front type check

frontend/eslint.config.ts

@@ -5,6 +5,8 @@ import pluginOxlint from 'eslint-plugin-oxlint'
 import skipFormatting from 'eslint-config-prettier/flat'
 import vueScopedCss from 'eslint-plugin-vue-scoped-css'
 
+type VueTsConfig = Parameters<typeof defineConfigWithVueTs>[number]
+
 // To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
 // import { configureVueProject } from '@vue/eslint-config-typescript'
 // configureVueProject({ scriptLangs: ['ts', 'tsx'] })
@@ -20,7 +22,7 @@ export default defineConfigWithVueTs(
 
   ...pluginVue.configs['flat/essential'],
   vueTsConfigs.recommended,
-  ...vueScopedCss.configs.recommended,
+  ...(vueScopedCss.configs.recommended as VueTsConfig[]),
 
   ...pluginOxlint.buildFromOxlintConfigFile('.oxlintrc.json'),
 

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>