From fce3044f946ff4a4bca73ba83bd0442625ca4537 Mon Sep 17 00:00:00 2001
From: Sergey Karmanov <ppoocpel8888@gmail.com>
Date: Mon, 25 May 2026 03:35:30 +0300
Subject: [PATCH] fix: front type check

---
 frontend/eslint.config.ts                |  4 +++-
 frontend/src/components/ui/DataTable.vue | 15 ++++++++++++---
 2 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/frontend/eslint.config.ts b/frontend/eslint.config.ts
index 4b4d3f3..b6deff1 100644
--- a/frontend/eslint.config.ts
+++ b/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'),
 
diff --git a/frontend/src/components/ui/DataTable.vue b/frontend/src/components/ui/DataTable.vue
index a241d63..0bb1a2a 100644
--- a/frontend/src/components/ui/DataTable.vue
+++ b/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>