fix: eslint and lint fixed

src/components/DaiysuiTable/index.vue

@@ -1,69 +1,78 @@
 <script setup lang='ts'>
-import { computed } from 'vue';
+import { computed } from 'vue'
+import { useI18n } from 'vue-i18n'
+
 const props = defineProps({
-    data: {
-        type: Array as any,
-        default: [] as any[]
-    },
-    tableColumns: {
-        type: Array,
-        default: [] as any[]
-    },
+  data: {
+    type: Array as any,
+    default: [] as any[],
+  },
+  tableColumns: {
+    type: Array,
+    default: [] as any[],
+  },
 })
-
+const { t } = useI18n()
 const dataColumns = computed<any[]>(() => {
-    // 不带有actions的列
-    const columns = props.tableColumns.filter((item: any) => !item.actions)
+  // 不带有actions的列
+  const columns = props.tableColumns.filter((item: any) => !item.actions)
 
-    return columns
+  return columns
 })
 
 const actionsColumns = computed<any[]>(() => {
-    // 带有actions的列
-    const columns = props.tableColumns.filter((item: any) => item.actions)
+  // 带有actions的列
+  const columns = props.tableColumns.filter((item: any) => item.actions)
 
-    return columns
+  return columns
 })
-
 </script>
 
 <template>
-    <div class="overflow-x-auto">
-        <table class="table min-w-[600px]">
-            <!-- head -->
-            <thead>
-                <tr>
-                    <th></th>
-                    <th v-for="(item, index) in dataColumns" :key="index">{{ item.label }}</th>
-                    <th v-for="(item, index) in actionsColumns" :key="index">{{ $t('table.operation') }}</th>
-                    <th></th>
-                </tr>
-            </thead>
-            <tbody v-if="data.length > 0">
-                <!-- row  -->
-                <tr class="hover" v-for="item in data" :key="item.id">
-                    <th>{{ item.id }}</th>
-                    <td v-for="(column, index) in dataColumns" :key="index">
-                        <span v-if="column.formatValue">{{ column.formatValue(item) }}</span>
-                        <span v-else>{{ item[column.props] }}</span>
-                    </td>
-                    <!-- action -->
-                    <td v-for="(column, index) in actionsColumns" :key="index" class="flex gap-2">
-                        <button class="btn btn-xs" v-for="action in column.actions" :key="action.name" :class="action.type"
-                            @click="action.onClick(item)">{{ action.label }}</button>
-                    </td>
-                </tr>
-            </tbody>
-            <tbody v-else>
-                <tr>
-                    <td colspan="5" class="text-center">{{ $t('table.noneData') }}</td>
-                </tr>
-            </tbody>
-            <!-- foot -->
-
-
-        </table>
-    </div>
+  <div class="overflow-x-auto">
+    <table class="table min-w-[600px]">
+      <!-- head -->
+      <thead>
+        <tr>
+          <th />
+          <th v-for="(item, index) in dataColumns" :key="index">
+            {{ item.label }}
+          </th>
+          <th v-for="(item, index) in actionsColumns" :key="index">
+            {{ t('table.operation') }}
+          </th>
+          <th />
+        </tr>
+      </thead>
+      <tbody v-if="data.length > 0">
+        <!-- row  -->
+        <tr v-for="item in data" :key="item.id" class="hover">
+          <th>{{ item.id }}</th>
+          <td v-for="(column, index) in dataColumns" :key="index">
+            <span v-if="column.formatValue">{{ column.formatValue(item) }}</span>
+            <span v-else>{{ item[column.props] }}</span>
+          </td>
+          <!-- action -->
+          <td v-for="(column, index) in actionsColumns" :key="index" class="flex gap-2">
+            <button
+              v-for="action in column.actions" :key="action.name" class="btn btn-xs" :class="action.type"
+              @click="action.onClick(item)"
+            >
+              {{ action.label }}
+            </button>
+          </td>
+        </tr>
+      </tbody>
+      <tbody v-else>
+        <tr>
+          <td colspan="5" class="text-center">
+            {{ t('table.noneData') }}
+          </td>
+        </tr>
+      </tbody>
+      <!-- foot -->
+    </table>
+  </div>
 </template>
 
 <style lang='scss' scoped></style>