chore: lint and format

Author: genu

docs/app/assets/css/main.css

@@ -1,9 +1,11 @@
 .hero-gradient {
-  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, 0.15), transparent),
+  background:
+    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, 0.15), transparent),
     radial-gradient(ellipse 60% 40% at 80% 100%, rgba(16, 185, 129, 0.1), transparent);
 }
 
 .dark .hero-gradient {
-  background: radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, 0.2), transparent),
+  background:
+    radial-gradient(ellipse 80% 50% at 50% -20%, rgba(16, 185, 129, 0.2), transparent),
     radial-gradient(ellipse 60% 40% at 80% 100%, rgba(16, 185, 129, 0.15), transparent);
 }

src/runtime/composables/useUploadKit/index.ts

@@ -232,7 +232,6 @@ export const useUploadKit = <TUploadResult = any>(_options: UploadOptions = {})
    *               onProgress(50); // 50% progress
    *               return "https://example.com/uploaded-file-url"; // Return the upload URL
    *             }
-   * @returns void
    */
   const onUpload = (fn: UploadFn<TUploadResult>) => {
     uploadFn = fn

src/runtime/composables/useUploadKit/plugins/image-compressor.ts

@@ -1,6 +1,5 @@
 import type { UploadFile } from "../types"
 import { defineProcessingPlugin } from "../types"
-import { calculateThumbnailDimensions } from "../utils"
 
 /**
  * Events emitted by the image compressor plugin

src/runtime/composables/useUploadKit/plugins/thumbnail-generator.ts

@@ -12,7 +12,7 @@ export const PluginThumbnailGenerator = defineProcessingPlugin<ThumbnailGenerato
   return {
     id: "thumbnail-generator",
     hooks: {
-      preprocess: async (file, context) => {
+      preprocess: async (file, _context) => {
         const { maxWidth = 200, maxHeight = 200, quality = 0.7, videoCaptureTime = 1 } = pluginOptions
 
         // Skip non-image and non-video files

src/runtime/composables/useUploadKit/types.ts

@@ -402,7 +402,7 @@ export type PluginHooks<TUploadResult = any, TPluginEvents extends Record<string
  *
  * These plugins transform or validate files without handling storage.
  */
-export interface ProcessingPlugin<TUploadResult = any, TPluginEvents extends Record<string, any> = Record<string, never>> {
+export interface ProcessingPlugin<_TUploadResult = any, TPluginEvents extends Record<string, any> = Record<string, never>> {
   id: string
   hooks: ProcessingPluginHooks<TPluginEvents>
   options?: UploadOptions

test/helpers/index.ts

@@ -92,7 +92,7 @@ export function mockCreateObjectURL(): { mock: ReturnType<typeof vi.fn>; cleanup
   const originalCreateObjectURL = URL.createObjectURL
   const originalRevokeObjectURL = URL.revokeObjectURL
 
-  const createMock = vi.fn((blob: Blob) => `blob:mock-${Math.random().toString(36).slice(2)}`)
+  const createMock = vi.fn((_blob: Blob) => `blob:mock-${Math.random().toString(36).slice(2)}`)
   const revokeMock = vi.fn()
 
   URL.createObjectURL = createMock
@@ -145,7 +145,7 @@ export function mockCanvasContext() {
   const mockCanvas = {
     getContext: vi.fn(() => mockContext),
     toDataURL: vi.fn(() => "data:image/jpeg;base64,mockdata"),
-    toBlob: vi.fn((callback: BlobCallback, type?: string, quality?: number) => {
+    toBlob: vi.fn((callback: BlobCallback, type?: string, _quality?: number) => {
       const blob = new Blob(["mock"], { type: type || "image/jpeg" })
       callback(blob)
     }),
@@ -167,7 +167,7 @@ export function mockCanvasContext() {
 /**
  * Create multiple mock files with different properties
  */
-export function createMockFiles(count: number, baseOptions: Partial<File> = {}): File[] {
+export function createMockFiles(count: number, _baseOptions: Partial<File> = {}): File[] {
   return Array.from({ length: count }, (_, i) =>
     createMockFile(`test-file-${i + 1}.jpg`, 1024 * (i + 1), "image/jpeg", Date.now() - i * 1000),
   )

test/unit/events.test.ts

@@ -1,5 +1,5 @@
 import { describe, it, expect, vi, beforeEach } from "vitest"
-import { createMockFile, wait } from "../helpers"
+import { createMockFile } from "../helpers"
 
 // Mock Vue's onBeforeUnmount
 vi.mock("vue", async () => {

test/unit/plugins/azure-datalake.test.ts

@@ -1,7 +1,8 @@
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest"
-import { createMockLocalUploadFile, createMockPluginContext, createMockBlob } from "../../helpers"
+import { describe, it, expect, vi, beforeEach } from "vitest"
+import { createMockPluginContext } from "../../helpers"
+import { PluginAzureDataLake } from "../../../src/runtime/composables/useUploadKit/plugins/storage/azure-datalake"
 
-// Mock the Azure SDK before importing the plugin
+// Mock the Azure SDK - vitest hoists vi.mock calls automatically
 vi.mock("@azure/storage-file-datalake", () => ({
   DataLakeDirectoryClient: vi.fn().mockImplementation((sasUrl: string) => {
     const mockFileClient = {
@@ -29,9 +30,6 @@ vi.mock("@azure/storage-file-datalake", () => ({
   }),
 }))
 
-// Import after mocking
-import { PluginAzureDataLake } from "../../../src/runtime/composables/useUploadKit/plugins/storage/azure-datalake"
-
 describe("PluginAzureDataLake", () => {
   beforeEach(() => {
     vi.clearAllMocks()

test/unit/plugins/image-compressor.test.ts

@@ -1,6 +1,6 @@
 import { describe, it, expect, vi, beforeEach, afterEach } from "vitest"
 import { PluginImageCompressor } from "../../../src/runtime/composables/useUploadKit/plugins/image-compressor"
-import { createMockLocalUploadFile, createMockRemoteUploadFile, createMockPluginContext, createMockBlob } from "../../helpers"
+import { createMockLocalUploadFile, createMockRemoteUploadFile, createMockPluginContext } from "../../helpers"
 
 describe("PluginImageCompressor", () => {
   let originalCreateObjectURL: typeof URL.createObjectURL

test/unit/plugins/thumbnail-generator.test.ts

@@ -254,7 +254,7 @@ describe("PluginThumbnailGenerator", () => {
       const maxHeight = 200
 
       const aspectRatio = originalWidth / originalHeight // 8
-      let scaledWidth = maxWidth
+      const scaledWidth = maxWidth
       let scaledHeight = maxHeight
 
       if (aspectRatio > 1) {