lint: remove unused imports and variables (11 fixes)

Co-Authored-By: Justin Edmund <justin@jedmund.com>

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",

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':

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
 

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'

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>
+</style>

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'

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) {

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">

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'
 

src/lib/components/PhotoMetadata.svelte

@@ -23,7 +23,6 @@
 		backHref,
 		backLabel,
 		showBackButton = false,
-		albums = [],
 		class: className = ''
 	}: Props = $props()
 

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}

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"