From 3f5969a08c16a392e84d2ec3033f57d06e6704c2 Mon Sep 17 00:00:00 2001
From: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Sun, 23 Nov 2025 14:26:56 +0000
Subject: [PATCH] lint: remove unused imports and variables (11 fixes)

Co-Authored-By: Justin Edmund <justin@jedmund.com>
---
 package.json                                 |  1 +
 pnpm-lock.yaml                               |  9 +++++++++
 src/lib/admin/useFormGuards.svelte.ts        |  2 +-
 src/lib/components/Avatar.svelte             |  2 +-
 src/lib/components/DebugPanel.svelte         |  4 +---
 src/lib/components/DynamicPostContent.svelte |  1 -
 src/lib/components/NavDropdown.svelte        | 18 ------------------
 src/lib/components/PhotoGrid.svelte          |  2 +-
 src/lib/components/PhotoItem.svelte          |  2 +-
 src/lib/components/PhotoMetadata.svelte      |  1 -
 src/lib/components/RecentAlbums.svelte       |  2 +-
 src/lib/components/Slideshow.svelte          |  3 +--
 12 files changed, 17 insertions(+), 30 deletions(-)

diff --git a/package.json b/package.json
index 8f50f0e..344e332 100644
--- a/package.json
+++ b/package.json
@@ -60,6 +60,7 @@
 	"type": "module",
 	"dependencies": {
 		"@aarkue/tiptap-math-extension": "^1.3.6",
+		"@eslint/js": "^9.39.1",
 		"@floating-ui/dom": "^1.7.1",
 		"@prisma/client": "^6.8.2",
 		"@sveltejs/adapter-node": "^5.2.0",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index f77bd30..662a99a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -11,6 +11,9 @@ importers:
       '@aarkue/tiptap-math-extension':
         specifier: ^1.3.6
         version: 1.4.0(@tiptap/core@2.26.2(@tiptap/pm@2.26.2))(@tiptap/pm@2.26.2)
+      '@eslint/js':
+        specifier: ^9.39.1
+        version: 9.39.1
       '@floating-ui/dom':
         specifier: ^1.7.1
         version: 1.7.4
@@ -654,6 +657,10 @@ packages:
     resolution: {integrity: sha512-jaS+NJ+hximswBG6pjNX0uEJZkrT0zwpVi3BA3vX22aFGjJjmgSTSmPpZCRKmoBL5VY/M6p0xsSJx7rk7sy5gg==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
 
+  '@eslint/js@9.39.1':
+    resolution: {integrity: sha512-S26Stp4zCy88tH94QbBv3XCuzRQiZ9yXofEILmglYTh/Ug/a9/umqvgFtYBAo3Lp0nsI/5/qH1CCrbdK3AP1Tw==}
+    engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
+
   '@eslint/object-schema@2.1.6':
     resolution: {integrity: sha512-RBMg5FRL0I0gs51M/guSAj5/e14VQ4tpZnQNWwuDT66P14I43ItmPfIZRhO9fUVIPOAQXU47atlywZ/czoqFPA==}
     engines: {node: ^18.18.0 || ^20.9.0 || >=21.1.0}
@@ -3799,6 +3806,8 @@ snapshots:
 
   '@eslint/js@9.37.0': {}
 
+  '@eslint/js@9.39.1': {}
+
   '@eslint/object-schema@2.1.6': {}
 
   '@eslint/plugin-kit@0.4.0':
diff --git a/src/lib/admin/useFormGuards.svelte.ts b/src/lib/admin/useFormGuards.svelte.ts
index 49c2325..0d84759 100644
--- a/src/lib/admin/useFormGuards.svelte.ts
+++ b/src/lib/admin/useFormGuards.svelte.ts
@@ -6,7 +6,7 @@ export function useFormGuards(autoSave: AutoSaveStore<unknown, unknown> | null)
 	if (!autoSave) return // No guards needed for create mode
 
 	// Navigation guard: flush autosave before route change
-	beforeNavigate(async (navigation) => {
+	beforeNavigate(async (_navigation) => {
 		// If already saved, allow navigation immediately
 		if (autoSave.status === 'saved') return
 
diff --git a/src/lib/components/Avatar.svelte b/src/lib/components/Avatar.svelte
index d5a982d..304498d 100644
--- a/src/lib/components/Avatar.svelte
+++ b/src/lib/components/Avatar.svelte
@@ -1,5 +1,5 @@
 <script>
-	import { onMount, onDestroy } from 'svelte'
+	import { onMount } from 'svelte'
 	import { Spring } from 'svelte/motion'
 	import { musicStream } from '$lib/stores/music-stream'
 	import AvatarSVG from './AvatarSVG.svelte'
diff --git a/src/lib/components/DebugPanel.svelte b/src/lib/components/DebugPanel.svelte
index 9543a6b..de35bc6 100644
--- a/src/lib/components/DebugPanel.svelte
+++ b/src/lib/components/DebugPanel.svelte
@@ -5,11 +5,9 @@
 	import { toast } from 'svelte-sonner'
 	
 	// Import SVG icons
-	import SettingsIcon from '$icons/settings.svg'
 	import CheckIcon from '$icons/check.svg'
 	import XIcon from '$icons/x.svg'
 	import TrashIcon from '$icons/trash.svg'
-	import ClockIcon from '$icons/clock.svg'
 	import LoaderIcon from '$icons/loader.svg'
 	import AppleMusicSearchModal from './AppleMusicSearchModal.svelte'
 
@@ -1055,4 +1053,4 @@
 			margin-left: 4px;
 		}
 	}
-</style>
\ No newline at end of file
+</style>
diff --git a/src/lib/components/DynamicPostContent.svelte b/src/lib/components/DynamicPostContent.svelte
index c87a5e8..9a17718 100644
--- a/src/lib/components/DynamicPostContent.svelte
+++ b/src/lib/components/DynamicPostContent.svelte
@@ -1,5 +1,4 @@
 <script lang="ts">
-	import LinkCard from './LinkCard.svelte'
 	import Slideshow from './Slideshow.svelte'
 	import BackButton from './BackButton.svelte'
 	import { formatDate } from '$lib/utils/date'
diff --git a/src/lib/components/NavDropdown.svelte b/src/lib/components/NavDropdown.svelte
index 2fd3a74..8a23792 100644
--- a/src/lib/components/NavDropdown.svelte
+++ b/src/lib/components/NavDropdown.svelte
@@ -38,24 +38,6 @@
 					) || navItems[0]
 	)
 
-	// Get background color based on variant
-	function getBgColor(variant: string): string {
-		switch (variant) {
-			case 'work':
-				return '#ffcdc5'
-			case 'photos':
-				return '#e8c5ff'
-			case 'universe':
-				return '#ffebc5'
-			case 'labs':
-				return '#c5eaff'
-			case 'about':
-				return '#ffcdc5'
-			default:
-				return '#c5eaff'
-		}
-	}
-
 	// Get text color based on variant
 	function getTextColor(variant: string): string {
 		switch (variant) {
diff --git a/src/lib/components/PhotoGrid.svelte b/src/lib/components/PhotoGrid.svelte
index 54b73a8..b5d2aa8 100644
--- a/src/lib/components/PhotoGrid.svelte
+++ b/src/lib/components/PhotoGrid.svelte
@@ -98,7 +98,7 @@
 		</Masonry>
 	{:else if (columns === 1 || columns === 2 || columns === 3) && !masonry}
 		<!-- Column-based layout for square thumbnails -->
-		{#each columnPhotos as column, colIndex}
+		{#each columnPhotos as column}
 			<div class="photo-grid__column">
 				{#each column as photo}
 					<div class="photo-grid__item">
diff --git a/src/lib/components/PhotoItem.svelte b/src/lib/components/PhotoItem.svelte
index 97f81da..d71ccad 100644
--- a/src/lib/components/PhotoItem.svelte
+++ b/src/lib/components/PhotoItem.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { PhotoItem, Photo, PhotoAlbum } from '$lib/types/photos'
+	import type { PhotoItem } from '$lib/types/photos'
 	import { isAlbum } from '$lib/types/photos'
 	import { goto } from '$app/navigation'
 
diff --git a/src/lib/components/PhotoMetadata.svelte b/src/lib/components/PhotoMetadata.svelte
index 987f16a..881ee1a 100644
--- a/src/lib/components/PhotoMetadata.svelte
+++ b/src/lib/components/PhotoMetadata.svelte
@@ -23,7 +23,6 @@
 		backHref,
 		backLabel,
 		showBackButton = false,
-		albums = [],
 		class: className = ''
 	}: Props = $props()
 
diff --git a/src/lib/components/RecentAlbums.svelte b/src/lib/components/RecentAlbums.svelte
index 9606961..f966483 100644
--- a/src/lib/components/RecentAlbums.svelte
+++ b/src/lib/components/RecentAlbums.svelte
@@ -31,7 +31,7 @@
 <section class="recent-albums">
 	{#if albums.length > 0}
 		<ul>
-			{#each albums.slice(0, 4) as album, index}
+			{#each albums.slice(0, 4) as album}
 				<li>
 					<Album
 						{album}
diff --git a/src/lib/components/Slideshow.svelte b/src/lib/components/Slideshow.svelte
index 592348e..3e83f46 100644
--- a/src/lib/components/Slideshow.svelte
+++ b/src/lib/components/Slideshow.svelte
@@ -13,7 +13,6 @@
 		items = [],
 		alt = 'Image',
 		showThumbnails = true,
-		aspectRatio = '4/3',
 		maxThumbnails,
 		totalCount,
 		showMoreLink
@@ -118,7 +117,7 @@
 
 		{#if showThumbnails}
 			<div class="thumbnails">
-				{#each Array(totalSlots) as _, index}
+				{#each Array(totalSlots) as _slot, index}
 					{#if index < displayItems.length}
 						<button
 							class="thumbnail"