From d78ba09c3c5d0bde8d618c5edc0011bcd31878ee Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <id@shuuji3.xyz>
Date: Wed, 4 Feb 2026 14:48:04 +0900
Subject: [PATCH 1/2] feat: link package headers to package pages

---
 app/components/Compare/ComparisonGrid.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/app/components/Compare/ComparisonGrid.vue b/app/components/Compare/ComparisonGrid.vue
index 437e53fba..5d51c9bfe 100644
--- a/app/components/Compare/ComparisonGrid.vue
+++ b/app/components/Compare/ComparisonGrid.vue
@@ -22,9 +22,13 @@ defineProps<{
           :key="index"
           class="comparison-cell comparison-cell-header"
         >
-          <span class="font-mono text-sm font-medium text-fg truncate" :title="header">
+          <NuxtLink
+            :to="`/package/${header}`"
+            class="font-mono text-sm font-medium text-fg truncate"
+            :title="header"
+          >
             {{ header }}
-          </span>
+          </NuxtLink>
         </div>
       </div>
 

From 5ab2693a241018fc3bc3dab8f62314be160f831a Mon Sep 17 00:00:00 2001
From: TAKAHASHI Shuuji <id@shuuji3.xyz>
Date: Wed, 4 Feb 2026 17:39:07 +0900
Subject: [PATCH 2/2] style: add `link-subtle` on link

---
 app/components/Compare/ComparisonGrid.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/Compare/ComparisonGrid.vue b/app/components/Compare/ComparisonGrid.vue
index 5d51c9bfe..a22cb2fe5 100644
--- a/app/components/Compare/ComparisonGrid.vue
+++ b/app/components/Compare/ComparisonGrid.vue
@@ -24,7 +24,7 @@ defineProps<{
         >
           <NuxtLink
             :to="`/package/${header}`"
-            class="font-mono text-sm font-medium text-fg truncate"
+            class="link-subtle font-mono text-sm font-medium text-fg truncate"
             :title="header"
           >
             {{ header }}