From be11b15f2f7d54b6b92f18628d39611af4757c11 Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Sun, 18 Aug 2024 18:28:58 +0200
Subject: [PATCH] feat(website): add latest version indicator

---
 .../[name]/[[version]]/[[target]]/versions/+page.svelte  | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/versions/+page.svelte b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/versions/+page.svelte
index 9cdf852..e5c716b 100644
--- a/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/versions/+page.svelte
+++ b/website/src/routes/packages/[scope]/[name]/[[version]]/[[target]]/versions/+page.svelte
@@ -5,9 +5,11 @@
 </script>
 
 <div class="space-y-4 py-4">
-	{#each data.versions as pkg}
+	{#each data.versions as pkg, index}
+		{@const isLatest = index === 0}
+
 		<article
-			class="relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover"
+			class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${isLatest ? "ring-2 ring-inset ring-primary" : ""}`}
 		>
 			<h2 class="font-semibold text-heading">
 				<a
@@ -15,6 +17,9 @@
 					class="after:absolute after:inset-0 after:content-['']"
 				>
 					{pkg.version}
+					{#if isLatest}
+						<span class="text-primary">(latest)</span>
+					{/if}
 				</a>
 			</h2>
 			<div class="text-sm font-semibold">