From ccef87f0a391d3d4920700fcd506f88be61fcc71 Mon Sep 17 00:00:00 2001
From: Branden J Brown <zephyrtronium@gmail.com>
Date: Tue, 31 Mar 2026 23:31:11 -0400
Subject: [PATCH] zenno: resolve lint errors

---
 zenno/src/lib/CharaPick.svelte      |  2 +-
 zenno/src/routes/+layout.svelte     | 13 +++++++------
 zenno/src/routes/+page.svelte       | 20 ++++++++++++--------
 zenno/src/routes/convo/+page.svelte |  4 ++--
 4 files changed, 22 insertions(+), 17 deletions(-)

diff --git a/zenno/src/lib/CharaPick.svelte b/zenno/src/lib/CharaPick.svelte
index 27ca238..a502923 100644
--- a/zenno/src/lib/CharaPick.svelte
+++ b/zenno/src/lib/CharaPick.svelte
@@ -32,7 +32,7 @@
 	{#if !required}
 		<option value="0" class={optionClass}></option>
 	{/if}
-	{#each character[region] as c}
+	{#each character[region] as c (c.chara_id)}
 		<option value={c.chara_id} class={optionClass}>{c.name}</option>
 	{/each}
 </select>
diff --git a/zenno/src/routes/+layout.svelte b/zenno/src/routes/+layout.svelte
index 40aca59..a93c82e 100644
--- a/zenno/src/routes/+layout.svelte
+++ b/zenno/src/routes/+layout.svelte
@@ -1,6 +1,7 @@
 <script lang="ts">
 	import './layout.css';
 	import favicon from '$lib/assets/favicon.png';
+	import { resolve } from '$app/paths';
 
 	let { children } = $props();
 </script>
@@ -13,14 +14,14 @@
 <div class="flex h-screen flex-col">
 	<nav class="mb-4 flex min-w-full bg-mist-300 p-4 shadow-md dark:bg-mist-900">
 		<span class="hidden flex-1 md:inline">
-			<a href="/" class="text-4xl">Zenno Rob Roy</a>
+			<a href={resolve('/')} class="text-4xl">Zenno Rob Roy</a>
 		</span>
 		<span class="flex-1 text-center">
-			<a href="/" class="mx-8 my-1 block font-semibold md:hidden">Zenno Rob Roy</a>
-			<a href="/inherit" class="mx-8 my-1 inline-block">Inheritance Chance</a>
-			<a href="/spark" class="mx-8 my-1 inline-block">Spark Chance</a>
-			<a href="/vet" class="mx-8 my-1 inline-block">My Veterans</a>
-			<a href="/convo" class="mx-8 my-1 inline-block">Lobby Conversations</a>
+			<a href={resolve('/')} class="mx-8 my-1 block font-semibold md:hidden">Zenno Rob Roy</a>
+			<a href={resolve('/inherit')} class="mx-8 my-1 inline-block">Inheritance Chance</a>
+			<a href={resolve('/spark')} class="mx-8 my-1 inline-block">Spark Chance</a>
+			<a href={resolve('/vet')} class="mx-8 my-1 inline-block">My Veterans</a>
+			<a href={resolve('/convo')} class="mx-8 my-1 inline-block">Lobby Conversations</a>
 		</span>
 	</nav>
 	<div class="mx-4 grow lg:m-auto lg:max-w-7xl lg:min-w-7xl">
diff --git a/zenno/src/routes/+page.svelte b/zenno/src/routes/+page.svelte
index 73f299a..65b71f8 100644
--- a/zenno/src/routes/+page.svelte
+++ b/zenno/src/routes/+page.svelte
@@ -1,27 +1,31 @@
+<script lang="ts">
+	import { resolve } from '$app/paths';
+</script>
+
 <h1 class="m-8 text-center text-7xl">Zenno Rob Roy</h1>
 <p>She's read all about Umamusume, and she's always happy to share her knowledge and give recommendations!</p>
 <h2 class="mt-8 mb-4 text-4xl">Tools</h2>
 <ul class="list-disc pl-4">
 	<li>
-		<a href="/inherit">Inheritance Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the probability distribution
+		<a href={resolve('/inherit')}>Inheritance Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the probability distribution
 		of activation counts for each spark.
 	</li>
 	<li>
-		<a href="/spark">Spark Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the chance of generating each spark if
-		you fulfill the conditions to do so, and the distribution of total spark counts.
+		<a href={resolve('/spark')}>Spark Chance</a> — <i>Not yet implemented</i> — Given a legacy, calculate the chance of generating each
+		spark if you fulfill the conditions to do so, and the distribution of total spark counts.
 	</li>
 	<li>
-		<a href="/vet">My Veterans</a> — <i>Not yet implemented</i> — Set up and track your veterans for Zenno Rob Roy's inspiration and
-		spark calculators.
+		<a href={resolve('/vet')}>My Veterans</a> — <i>Not yet implemented</i> — Set up and track your veterans for Zenno Rob Roy's inspiration
+		and spark calculators.
 	</li>
 	<li>
-		<a href="/convo">Lobby Conversations</a> — Check participants in lobby conversations and get recommendations on unlocking them quickly.
+		<a href={resolve('/convo')}>Lobby Conversations</a> — Check participants in lobby conversations and get recommendations on unlocking
+		them quickly.
 	</li>
 	<li>
 		<a href="https://discord.com/oauth2/authorize?client_id=1461931240264568994" target="_blank" rel="noopener noreferrer"
 			>Discord Bot</a
-		>
-		— Skill search by name or unique owner within Discord. Install to a server or user.
+		> — Skill search by name or unique owner within Discord. Install to a server or user.
 	</li>
 </ul>
 <h2 class="mt-8 mb-4 text-4xl">About</h2>
diff --git a/zenno/src/routes/convo/+page.svelte b/zenno/src/routes/convo/+page.svelte
index b0aae69..30ac393 100644
--- a/zenno/src/routes/convo/+page.svelte
+++ b/zenno/src/routes/convo/+page.svelte
@@ -30,7 +30,7 @@
 	<div class="m-4 flex-1 md:mt-3">
 		<label for="convo" class="hidden md:inline">Conversation</label>
 		<select id="convo" bind:value={convo} class="w-full">
-			{#each options as opt}
+			{#each options as opt (opt.number)}
 				<option value={opt.number}>Slice of Life {opt.number}</option>
 			{/each}
 		</select>
@@ -57,7 +57,7 @@
 		<span>Other characters who appear here most often:</span>
 	</div>
 	<div class="mt-4 grid text-center shadow-sm transition-shadow ease-in hover:shadow-md hover:ease-out md:grid-cols-4">
-		{#each suggested as s}
+		{#each suggested as s (s.chara_id)}
 			<span>{charaNames.get(s.chara_id)?.en}: {s.count}&#xd7;</span>
 		{/each}
 	</div>