From 56fa47afce58642e61d608042f77178ccbf944dc Mon Sep 17 00:00:00 2001
From: LukaDev <47296785+lukadev-0@users.noreply.github.com>
Date: Sun, 18 Aug 2024 19:10:13 +0200
Subject: [PATCH] feat(website): indicate current version

---
 .../[[version]]/[[target]]/versions/+page.svelte       | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

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 e5c716b..cb323e8 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
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import { page } from "$app/stores"
 	import { formatDistanceToNow } from "date-fns"
 
 	const { data } = $props()
@@ -7,9 +8,16 @@
 <div class="space-y-4 py-4">
 	{#each data.versions as pkg, index}
 		{@const isLatest = index === 0}
+		{@const isCurrent = $page.params.version === pkg.version}
 
 		<article
-			class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${isLatest ? "ring-2 ring-inset ring-primary" : ""}`}
+			class={`relative overflow-hidden rounded bg-card px-5 py-4 transition hover:bg-card-hover ${
+				isLatest
+					? "ring-2 ring-inset ring-primary"
+					: isCurrent
+						? "ring-2 ring-inset ring-body/50"
+						: ""
+			}`}
 		>
 			<h2 class="font-semibold text-heading">
 				<a