From f8e2f64316354b36099a01eef0735ec0970f5b99 Mon Sep 17 00:00:00 2001
From: Wolfgang Müller
Date: Wed, 26 Mar 2025 19:40:28 +0100
Subject: frontend: Migrate to eslint-plugin-svelte 3.0

This includes a migration to a flat eslint.config.js, which will now
also automatically ignore items from .gitignore. eslint-plugin-svelte
3.0 comes with a couple of changes to recommended rules as well, these
are also addressed in this commit.
---
 frontend/src/lib/tabs/ArchiveDetails.svelte | 2 +-
 frontend/src/lib/tabs/ArchiveEdit.svelte    | 2 +-
 frontend/src/lib/tabs/Tabs.svelte           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

(limited to 'frontend/src/lib/tabs')

diff --git a/frontend/src/lib/tabs/ArchiveDetails.svelte b/frontend/src/lib/tabs/ArchiveDetails.svelte
index 1243162..c1ad68e 100644
--- a/frontend/src/lib/tabs/ArchiveDetails.svelte
+++ b/frontend/src/lib/tabs/ArchiveDetails.svelte
@@ -38,7 +38,7 @@
 		<div class="flex flex-col gap-1">
 			<h2 class="text-base font-medium">Comics</h2>
 			<div class="flex shrink-0 flex-col gap-4">
-				{#each archive.comics as comic}
+				{#each archive.comics as comic (comic.id)}
 					<ComicCard compact {comic} />
 				{/each}
 			</div>
diff --git a/frontend/src/lib/tabs/ArchiveEdit.svelte b/frontend/src/lib/tabs/ArchiveEdit.svelte
index 2ed0523..c6ea684 100644
--- a/frontend/src/lib/tabs/ArchiveEdit.svelte
+++ b/frontend/src/lib/tabs/ArchiveEdit.svelte
@@ -55,7 +55,7 @@
 		<div class="flex flex-col gap-1">
 			<h2 class="text-base font-medium">Comics</h2>
 			<div class="flex shrink-0 flex-col gap-4">
-				{#each archive.comics as comic}
+				{#each archive.comics as comic (comic.id)}
 					<ComicCard compact {comic}>
 						{#snippet overlay()}
 							<AddOverlay id={comic.id} />
diff --git a/frontend/src/lib/tabs/Tabs.svelte b/frontend/src/lib/tabs/Tabs.svelte
index c2b12af..59b3220 100644
--- a/frontend/src/lib/tabs/Tabs.svelte
+++ b/frontend/src/lib/tabs/Tabs.svelte
@@ -31,7 +31,7 @@
 <div class="flex h-full max-h-full flex-col">
 	<nav>
 		<ul class="ms-1 me-3 flex border-b-2 border-slate-700 text-sm">
-			{#each Object.entries(context.tabs) as [id, { title }]}
+			{#each Object.entries(context.tabs) as [id, { title }] (id)}
 				<li class="-mb-0.5">
 					<button
 						type="button"
-- 
cgit v1.2.3-2-gb3c3