From 56a7ff06d69ffcdc446a271132f5d7bacba7e595 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 13 May 2026 11:25:23 +0100
Subject: [PATCH] fix(ui): lint and type-check fixes

Fix broken ESLint config (.eslintrc.cjs missing @rushstack patch, wrong
@typescript-eslint extend syntax). Remove unused imports and variables in
11 components/views. Fix invalid v-else placement in OmgView (move to
Tooltip wrapper instead of inner span).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 web/.eslintrc.cjs                                |  4 +---
 web/src/components/calendar/CalendarBlock.vue    |  2 +-
 web/src/components/dashboard/DateRangeFilter.vue |  2 +-
 web/src/components/tasks/KanbanCard.vue          | 10 +---------
 web/src/components/tasks/KanbanColumn.vue        |  2 +-
 web/src/components/ui/ConfirmDialog.vue          |  2 +-
 web/src/components/ui/DataTable.vue              |  2 +-
 web/src/views/KeysView.vue                       |  2 --
 web/src/views/LiveView.vue                       |  1 -
 web/src/views/OmgView.vue                        |  9 +++------
 web/src/views/ProjectDetailView.vue              |  1 -
 web/src/views/ProjectsView.vue                   |  2 +-
 12 files changed, 11 insertions(+), 28 deletions(-)

diff --git a/web/.eslintrc.cjs b/web/.eslintrc.cjs
index 9fe5f9c..b80fbaa 100644
--- a/web/.eslintrc.cjs
+++ b/web/.eslintrc.cjs
@@ -1,12 +1,10 @@
 /* eslint-env node */
-require('@rushstack/eslint-patch/modern-module-resolution')
-
 module.exports = {
   root: true,
   extends: [
     'plugin:vue/vue3-essential',
     'eslint:recommended',
-    '@typescript-eslint/recommended',
+    'plugin:@typescript-eslint/recommended',
   ],
   parser: 'vue-eslint-parser',
   parserOptions: {
diff --git a/web/src/components/calendar/CalendarBlock.vue b/web/src/components/calendar/CalendarBlock.vue
index f4b90e8..f5eab03 100644
--- a/web/src/components/calendar/CalendarBlock.vue
+++ b/web/src/components/calendar/CalendarBlock.vue
@@ -2,7 +2,7 @@
 import { computed } from 'vue'
 import type { CalendarBlock } from '@/types'
 import { hslBgFromHue, hslBorderFromHue } from '@/lib/color'
-import { formatTime, formatDuration } from '@/lib/utils'
+import { formatDuration } from '@/lib/utils'
 
 const props = defineProps<{
   block: CalendarBlock
diff --git a/web/src/components/dashboard/DateRangeFilter.vue b/web/src/components/dashboard/DateRangeFilter.vue
index 9c3c04c..c5e2a84 100644
--- a/web/src/components/dashboard/DateRangeFilter.vue
+++ b/web/src/components/dashboard/DateRangeFilter.vue
@@ -3,7 +3,7 @@ import Button from '@/components/ui/Button.vue'
 
 type Preset = 'today' | '7d' | '30d' | 'custom'
 
-const props = defineProps<{
+defineProps<{
   preset: Preset
   customFrom: string
   customTo: string
diff --git a/web/src/components/tasks/KanbanCard.vue b/web/src/components/tasks/KanbanCard.vue
index a0c5fcd..ace8c0c 100644
--- a/web/src/components/tasks/KanbanCard.vue
+++ b/web/src/components/tasks/KanbanCard.vue
@@ -2,7 +2,7 @@
 import Tooltip from '@/components/ui/Tooltip.vue'
 import type { Task } from '@/types'
 
-const props = defineProps<{ task: Task; dragging: boolean }>()
+defineProps<{ task: Task; dragging: boolean }>()
 const emit = defineEmits<{ edit: [task: Task] }>()
 
 const priorityDot: Record<number, string> = {
@@ -12,14 +12,6 @@ const priorityDot: Record<number, string> = {
   4: 'bg-slate-300',
   5: 'bg-slate-300',
 }
-
-const statusLabel: Record<string, string> = {
-  todo: '',
-  doing: 'in progress',
-  testing: 'testing',
-  done: 'done',
-  cancelled: 'cancelled',
-}
 </script>
 
 <template>
diff --git a/web/src/components/tasks/KanbanColumn.vue b/web/src/components/tasks/KanbanColumn.vue
index 115715e..c39ec0a 100644
--- a/web/src/components/tasks/KanbanColumn.vue
+++ b/web/src/components/tasks/KanbanColumn.vue
@@ -3,7 +3,7 @@ import KanbanCard from './KanbanCard.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
 import type { Task } from '@/types'
 
-const props = defineProps<{
+defineProps<{
   status: string
   title: string
   tasks: Task[]
diff --git a/web/src/components/ui/ConfirmDialog.vue b/web/src/components/ui/ConfirmDialog.vue
index d876779..8174cf2 100644
--- a/web/src/components/ui/ConfirmDialog.vue
+++ b/web/src/components/ui/ConfirmDialog.vue
@@ -61,7 +61,7 @@ import { CircleAlert } from 'lucide-vue-next'
 import Button from './Button.vue'
 import Input from './Input.vue'
 
-const props = withDefaults(defineProps<{
+withDefaults(defineProps<{
   open: boolean
   title: string
   description: string
diff --git a/web/src/components/ui/DataTable.vue b/web/src/components/ui/DataTable.vue
index 87c1770..db22d9e 100644
--- a/web/src/components/ui/DataTable.vue
+++ b/web/src/components/ui/DataTable.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, reactive, watch, toRef } from 'vue'
+import { ref, computed, reactive } from 'vue'
 import Input from '@/components/ui/Input.vue'
 import Button from '@/components/ui/Button.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
diff --git a/web/src/views/KeysView.vue b/web/src/views/KeysView.vue
index 3e428a4..7d956a5 100644
--- a/web/src/views/KeysView.vue
+++ b/web/src/views/KeysView.vue
@@ -2,8 +2,6 @@
 import { ref, onMounted } from 'vue'
 import { adminApi } from '@/api/endpoints/admin'
 import Card from '@/components/ui/Card.vue'
-import CardHeader from '@/components/ui/CardHeader.vue'
-import CardTitle from '@/components/ui/CardTitle.vue'
 import CardContent from '@/components/ui/CardContent.vue'
 import Button from '@/components/ui/Button.vue'
 import Dialog from '@/components/ui/Dialog.vue'
diff --git a/web/src/views/LiveView.vue b/web/src/views/LiveView.vue
index 0a5d63e..6019050 100644
--- a/web/src/views/LiveView.vue
+++ b/web/src/views/LiveView.vue
@@ -7,7 +7,6 @@ import CardContent from '@/components/ui/CardContent.vue'
 import Button from '@/components/ui/Button.vue'
 import Skeleton from '@/components/ui/Skeleton.vue'
 import EmptyState from '@/components/ui/EmptyState.vue'
-import { formatDateTime } from '@/lib/utils'
 import { Radio, Zap } from 'lucide-vue-next'
 
 const authStore = useAuthStore()
diff --git a/web/src/views/OmgView.vue b/web/src/views/OmgView.vue
index 86903ff..ed733ab 100644
--- a/web/src/views/OmgView.vue
+++ b/web/src/views/OmgView.vue
@@ -191,9 +191,8 @@ function cancelInline() {
             @keydown.enter="commitInline(entry)"
             @keydown.escape="cancelInline"
           />
-          <Tooltip content="Double-click to edit">
+          <Tooltip v-else content="Double-click to edit">
           <span
-            v-else
             class="text-sm font-medium text-foreground cursor-pointer hover:text-primary transition-colors"
             @dblclick="startInline(entry, 'name')"
           >{{ entry.name }}</span>
@@ -212,9 +211,8 @@ function cancelInline() {
             @keydown.enter="commitInline(entry)"
             @keydown.escape="cancelInline"
           />
-          <Tooltip content="Double-click to edit">
+          <Tooltip v-else content="Double-click to edit">
           <span
-            v-else
             class="text-sm text-muted-foreground cursor-pointer hover:text-foreground transition-colors"
             :class="entry.client ? '' : 'italic opacity-40'"
             @dblclick="startInline(entry, 'client')"
@@ -234,9 +232,8 @@ function cancelInline() {
             @keydown.enter="commitInline(entry)"
             @keydown.escape="cancelInline"
           />
-          <Tooltip content="Double-click to edit">
+          <Tooltip v-else content="Double-click to edit">
           <span
-            v-else
             class="text-sm tabular-nums cursor-pointer hover:text-foreground transition-colors"
             :class="entry.job_number ? 'text-foreground' : 'text-muted-foreground/40 italic'"
             @dblclick="startInline(entry, 'job_number')"
diff --git a/web/src/views/ProjectDetailView.vue b/web/src/views/ProjectDetailView.vue
index 4b98f3d..0f1fe7b 100644
--- a/web/src/views/ProjectDetailView.vue
+++ b/web/src/views/ProjectDetailView.vue
@@ -6,7 +6,6 @@ import Card from '@/components/ui/Card.vue'
 import CardHeader from '@/components/ui/CardHeader.vue'
 import CardTitle from '@/components/ui/CardTitle.vue'
 import CardContent from '@/components/ui/CardContent.vue'
-import Spinner from '@/components/ui/Spinner.vue'
 import Skeleton from '@/components/ui/Skeleton.vue'
 import Input from '@/components/ui/Input.vue'
 import Button from '@/components/ui/Button.vue'
diff --git a/web/src/views/ProjectsView.vue b/web/src/views/ProjectsView.vue
index e49e2a2..d34957d 100644
--- a/web/src/views/ProjectsView.vue
+++ b/web/src/views/ProjectsView.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ref, computed, onMounted, watch } from 'vue'
+import { ref, onMounted, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { dashboardApi } from '@/api/endpoints/dashboard'
 import Card from '@/components/ui/Card.vue'