success pt. 8.0

src/routes/+page.svelte

@@ -44,6 +44,10 @@
 		}
 	}
 
+	function animeHref(annId: number) {
+		return `/anime/${annId}`;
+	}
+
 	async function loadInitial() {
 		status = "loading";
 		error = null;
@@ -112,7 +116,9 @@
 	<ul class="mt-4 space-y-2">
 		{#each anime as a (a.annId)}
 			<li class="rounded border px-3 py-2">
-				<div class="font-medium">{a.mainName}</div>
+				<a class="font-medium hover:underline" href={animeHref(a.annId)}>
+					{a.mainName}
+				</a>
 				<div class="text-sm text-muted-foreground">
 					{a.year}
 					{seasonName(a.seasonId)} • ANN {a.annId} • MAL {a.malId}