Fix all lint errors: replace any types, fix unused vars, split statements

- Replace ~510 `no-explicit-any` errors with proper types across app,
  server, tests, and scripts
- Prefix ~36 unused variables with _ (mostly destructured auth vars)
- Split ~22 multi-statement lines
- Remove 5 unnecessary escape characters
- Add empty catch block comments
- Auto-fix formatting (arrow parens, attribute newlines)
- Add lint reminder to CLAUDE.md

Author: ThomasLohner

CLAUDE.md

@@ -57,7 +57,7 @@ Demo: `demo@example.com` / `demo1234` | Admin: `admin@example.com` / `admin1234`
 - **DB access:** `db` + `schema` auto-imported. `server/utils/` is auto-imported — don't use `~/server/utils/...` (Nuxt 4: `~` = `app/`).
 - **Database schema:** `server/database/schema.ts` — all tables, columns, relations. Migrations in `server/database/migrations/`.
 - **OpenAPI spec** (`server/api/openapi.get.ts`) must stay in sync with endpoints. Only covers headless API usage — frontend-internal endpoints (slug/key validation, UI column config, notifications, OAuth redirects, registration flows) are intentionally omitted.
-- **Write tests** for new features. Run `pnpm test` after changes.
+- **Write tests** for new features. Run `pnpm test` and `pnpm lint` after changes.
 
 ### Don't
 

app/components/AiWriteButton.vue

@@ -47,7 +47,10 @@ function handleCustomPrompt() {
       @mousedown.prevent
       @click="emit('cancel')"
     >
-      <UIcon name="i-lucide-loader-2" class="text-[13px] animate-spin" />
+      <UIcon
+        name="i-lucide-loader-2"
+        class="text-[13px] animate-spin"
+      />
       <span>Stop</span>
     </button>
 
@@ -65,22 +68,31 @@ function handleCustomPrompt() {
           : 'text-white dark:text-white ring-0'"
         @mousedown.prevent
       >
-        <UIcon name="i-lucide-sparkles" class="text-[13px]" />
+        <UIcon
+          name="i-lucide-sparkles"
+          class="text-[13px]"
+        />
         <span>AI</span>
       </button>
 
       <template #content>
         <div class="min-w-[220px] max-w-[280px]">
           <!-- Skills list -->
-          <div v-if="(skills as any[])?.length" class="py-1">
+          <div
+            v-if="(skills as any[])?.length"
+            class="py-1"
+          >
             <button
               v-for="skill in (skills as any[])"
               :key="skill.id"
               type="button"
               class="w-full flex items-center gap-2 px-3 py-2 text-[13px] text-zinc-700 dark:text-zinc-200 hover:bg-zinc-50 dark:hover:bg-zinc-700/50 transition-colors text-left"
               @click="handleSkill(skill.id)"
             >
-              <UIcon name="i-lucide-wand-sparkles" class="text-[14px] text-violet-500 shrink-0" />
+              <UIcon
+                name="i-lucide-wand-sparkles"
+                class="text-[14px] text-violet-500 shrink-0"
+              />
               <span class="font-medium truncate">{{ skill.name }}</span>
             </button>
           </div>
@@ -101,14 +113,17 @@ function handleCustomPrompt() {
                 class="flex-1 min-w-0 px-2.5 py-1.5 text-[13px] text-zinc-700 dark:text-zinc-200 placeholder-zinc-400 dark:placeholder-zinc-500 bg-zinc-50 dark:bg-zinc-700/50 border border-zinc-200 dark:border-zinc-600/50 rounded-lg outline-none focus:border-indigo-300 dark:focus:border-indigo-600 transition-colors"
                 @keydown.enter.prevent="handleCustomPrompt"
                 @keydown.stop
-              />
+              >
               <button
                 type="button"
                 class="p-1.5 rounded-lg text-zinc-400 dark:text-zinc-500 hover:text-indigo-500 dark:hover:text-indigo-400 hover:bg-indigo-50 dark:hover:bg-indigo-950/30 transition-all disabled:opacity-30 disabled:cursor-not-allowed"
                 :disabled="!customPrompt.trim()"
                 @click="handleCustomPrompt"
               >
-                <UIcon name="i-lucide-send" class="text-[14px]" />
+                <UIcon
+                  name="i-lucide-send"
+                  class="text-[14px]"
+                />
               </button>
             </div>
           </div>

app/components/AttachmentList.vue

@@ -19,7 +19,11 @@ async function onFileInputChange(e: Event) {
   const files = input.files
   if (files?.length) {
     for (const file of files) {
-      try { await upload(file) } catch {}
+      try {
+        await upload(file)
+      } catch {
+        // upload errors handled by composable
+      }
     }
   }
   input.value = ''
@@ -36,7 +40,10 @@ let dropLeaveTimeout: ReturnType<typeof setTimeout> | null = null
 function onDropZoneDragEnter(e: DragEvent) {
   if (props.readonly || !e.dataTransfer?.types.includes('Files')) return
   e.preventDefault()
-  if (dropLeaveTimeout) { clearTimeout(dropLeaveTimeout); dropLeaveTimeout = null }
+  if (dropLeaveTimeout) {
+    clearTimeout(dropLeaveTimeout)
+    dropLeaveTimeout = null
+  }
   dropActive.value = true
 }
 
@@ -47,7 +54,9 @@ function onDropZoneDragOver(e: DragEvent) {
 
 function onDropZoneDragLeave() {
   if (dropLeaveTimeout) clearTimeout(dropLeaveTimeout)
-  dropLeaveTimeout = setTimeout(() => { dropActive.value = false }, 50)
+  dropLeaveTimeout = setTimeout(() => {
+    dropActive.value = false
+  }, 50)
 }
 
 async function onDropZoneDrop(e: DragEvent) {
@@ -57,7 +66,11 @@ async function onDropZoneDrop(e: DragEvent) {
   const files = e.dataTransfer?.files
   if (!files?.length) return
   for (const file of files) {
-    try { await upload(file) } catch {}
+    try {
+      await upload(file)
+    } catch {
+      // upload errors handled by composable
+    }
   }
 }
 
@@ -72,11 +85,14 @@ defineExpose({ upload, uploading })
       multiple
       class="hidden"
       @change="onFileInputChange"
-    />
+    >
 
     <!-- Header -->
     <div class="flex items-center gap-1.5 mb-2">
-      <UIcon name="i-lucide-paperclip" class="text-[13px] text-zinc-400 dark:text-zinc-500" />
+      <UIcon
+        name="i-lucide-paperclip"
+        class="text-[13px] text-zinc-400 dark:text-zinc-500"
+      />
       <span class="text-[12px] font-semibold uppercase tracking-[0.04em] text-zinc-400 dark:text-zinc-500">Attachments</span>
       <span
         v-if="attachments.length"
@@ -91,12 +107,18 @@ defineExpose({ upload, uploading })
       v-if="uploading"
       class="flex items-center gap-2 px-3 py-2 rounded-lg border border-dashed border-indigo-300 dark:border-indigo-700 bg-indigo-50/50 dark:bg-indigo-950/20 mb-2"
     >
-      <UIcon name="i-lucide-loader-2" class="text-[14px] text-indigo-500 animate-spin" />
+      <UIcon
+        name="i-lucide-loader-2"
+        class="text-[14px] text-indigo-500 animate-spin"
+      />
       <span class="text-[12px] font-medium text-indigo-500">Uploading...</span>
     </div>
 
     <!-- Attachment list -->
-    <div v-if="attachments.length" class="rounded-lg border border-zinc-200 dark:border-zinc-700/60 bg-white dark:bg-zinc-800/50 divide-y divide-zinc-100 dark:divide-zinc-700/40">
+    <div
+      v-if="attachments.length"
+      class="rounded-lg border border-zinc-200 dark:border-zinc-700/60 bg-white dark:bg-zinc-800/50 divide-y divide-zinc-100 dark:divide-zinc-700/40"
+    >
       <div
         v-for="attachment in attachments"
         :key="attachment.id"
@@ -109,7 +131,7 @@ defineExpose({ upload, uploading })
             :src="downloadUrl(attachment.id)"
             :alt="attachment.originalName"
             class="w-full h-full object-cover"
-          />
+          >
           <UIcon
             v-else
             :name="fileIcon(attachment.mimeType)"
@@ -133,22 +155,31 @@ defineExpose({ upload, uploading })
         </div>
 
         <!-- Actions -->
-        <div v-if="!readonly" class="flex items-center gap-1 shrink-0">
+        <div
+          v-if="!readonly"
+          class="flex items-center gap-1 shrink-0"
+        >
           <a
             :href="downloadUrl(attachment.id)"
             target="_blank"
             class="p-1 rounded-md text-zinc-400 dark:text-zinc-500 hover:text-zinc-600 dark:hover:text-zinc-300 hover:bg-zinc-100 dark:hover:bg-zinc-700/50 opacity-0 sm:group-hover:opacity-100 max-sm:opacity-60 transition-all"
             title="Download"
           >
-            <UIcon name="i-lucide-download" class="text-[13px]" />
+            <UIcon
+              name="i-lucide-download"
+              class="text-[13px]"
+            />
           </a>
           <button
             type="button"
             class="p-1 rounded-md text-zinc-400 dark:text-zinc-500 hover:text-red-500 dark:hover:text-red-400 hover:bg-red-50 dark:hover:bg-red-950/20 opacity-0 sm:group-hover:opacity-100 max-sm:opacity-60 transition-all"
             title="Remove"
             @click="remove(attachment.id)"
           >
-            <UIcon name="i-lucide-trash-2" class="text-[13px]" />
+            <UIcon
+              name="i-lucide-trash-2"
+              class="text-[13px]"
+            />
           </button>
         </div>
       </div>

app/components/AuthErrorBanner.vue

@@ -9,7 +9,10 @@ defineProps<{
     v-if="error"
     class="auth-field flex items-center gap-2 text-[13px] text-red-600 dark:text-red-400 bg-red-50/80 dark:bg-red-950/30 rounded-lg px-3 py-2.5 backdrop-blur-sm border border-red-200/50 dark:border-red-800/30"
   >
-    <UIcon name="i-lucide-alert-circle" class="shrink-0" />
+    <UIcon
+      name="i-lucide-alert-circle"
+      class="shrink-0"
+    />
     {{ error }}
   </div>
 </template>