From ffa05b4f1814b6da7dcad820f66310f205ac18f0 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Tue, 10 Mar 2026 14:18:51 +0800
Subject: [PATCH 1/4] fix(ui): preview mode show the pr number

---
 app/components/AppHeader.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 5febbd6fa7..3f10a16b6d 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -218,6 +218,16 @@ onKeyStroke(
       >
         <AppMark class="w-6 h-auto" />
       </NuxtLink>
+      <NuxtLink
+        v-if="!isSearchExpanded && !isOnHomePage && prNumber"
+        :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
+        :aria-label="`Open GitHub pull request ${prNumber}`"
+        class="sm:hidden"
+      >
+        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
+          PR #{{ prNumber }}
+        </span>
+      </NuxtLink>
 
       <!-- Desktop: Logo (navigates home) -->
       <div v-if="showLogo" class="hidden sm:flex flex-shrink-0 items-center">

From 4715ebcb2515dd46bba8bcf6b54176ac07e35c79 Mon Sep 17 00:00:00 2001
From: btea <2356281422@qq.com>
Date: Tue, 10 Mar 2026 15:00:14 +0800
Subject: [PATCH 2/4] feat: apply review

---
 app/components/AppHeader.vue | 6 +++---
 i18n/locales/en.json         | 3 ++-
 i18n/locales/zh-CN.json      | 3 ++-
 i18n/schema.json             | 3 +++
 4 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 3f10a16b6d..6656c74e96 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -219,9 +219,9 @@ onKeyStroke(
         <AppMark class="w-6 h-auto" />
       </NuxtLink>
       <NuxtLink
-        v-if="!isSearchExpanded && !isOnHomePage && prNumber"
+        v-if="!isSearchExpanded && prNumber"
         :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-        :aria-label="`Open GitHub pull request ${prNumber}`"
+        :aria-label="$t('header.pr', { prNumber })"
         class="sm:hidden"
       >
         <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
@@ -248,7 +248,7 @@ onKeyStroke(
         <NuxtLink
           v-if="prNumber"
           :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-          :aria-label="`Open GitHub pull request ${prNumber}`"
+          :aria-label="$t('header.pr', { prNumber })"
         >
           <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
             PR #{{ prNumber }}
diff --git a/i18n/locales/en.json b/i18n/locales/en.json
index a31fc67cf9..fff7485e20 100644
--- a/i18n/locales/en.json
+++ b/i18n/locales/en.json
@@ -1033,7 +1033,8 @@
       "error": "Failed to load organizations",
       "empty": "No organizations found",
       "view_all": "View all"
-    }
+    },
+    "pr": "Open GitHub pull request #{prNumber}"
   },
   "compare": {
     "packages": {
diff --git a/i18n/locales/zh-CN.json b/i18n/locales/zh-CN.json
index 0f6dc9b60a..8bca3145e0 100644
--- a/i18n/locales/zh-CN.json
+++ b/i18n/locales/zh-CN.json
@@ -1021,7 +1021,8 @@
       "error": "加载组织失败",
       "empty": "未找到组织",
       "view_all": "查看全部"
-    }
+    },
+    "pr": "在 GitHub 上打开 PR #{prNumber}"
   },
   "compare": {
     "packages": {
diff --git a/i18n/schema.json b/i18n/schema.json
index 353f2774f7..162273ddd2 100644
--- a/i18n/schema.json
+++ b/i18n/schema.json
@@ -3105,6 +3105,9 @@
             }
           },
           "additionalProperties": false
+        },
+        "pr": {
+          "type": "string"
         }
       },
       "additionalProperties": false

From c39ce274faa4b1f17033f61f9504901a2222f218 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Fri, 20 Mar 2026 00:42:52 -0700
Subject: [PATCH 3/4] fix: remove extra spacing

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

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 6656c74e96..4d047763e4 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -224,7 +224,7 @@ onKeyStroke(
         :aria-label="$t('header.pr', { prNumber })"
         class="sm:hidden"
       >
-        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
+        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium">
           PR #{{ prNumber }}
         </span>
       </NuxtLink>

From e610314f0d95b7b1871fcd28243a7205ca69bcff Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Fri, 20 Mar 2026 00:51:47 -0700
Subject: [PATCH 4/4] refactor: reduce duplication

---
 app/components/AppHeader.vue | 30 +++++++++++-------------------
 1 file changed, 11 insertions(+), 19 deletions(-)

diff --git a/app/components/AppHeader.vue b/app/components/AppHeader.vue
index 4d047763e4..1432ea7593 100644
--- a/app/components/AppHeader.vue
+++ b/app/components/AppHeader.vue
@@ -218,16 +218,6 @@ onKeyStroke(
       >
         <AppMark class="w-6 h-auto" />
       </NuxtLink>
-      <NuxtLink
-        v-if="!isSearchExpanded && prNumber"
-        :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-        :aria-label="$t('header.pr', { prNumber })"
-        class="sm:hidden"
-      >
-        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium">
-          PR #{{ prNumber }}
-        </span>
-      </NuxtLink>
 
       <!-- Desktop: Logo (navigates home) -->
       <div v-if="showLogo" class="hidden sm:flex flex-shrink-0 items-center">
@@ -245,16 +235,18 @@ onKeyStroke(
             {{ env === 'release' ? 'alpha' : env }}
           </span>
         </NuxtLink>
-        <NuxtLink
-          v-if="prNumber"
-          :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-          :aria-label="$t('header.pr', { prNumber })"
-        >
-          <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium ms-2">
-            PR #{{ prNumber }}
-          </span>
-        </NuxtLink>
       </div>
+
+      <NuxtLink
+        v-if="showLogo && !isSearchExpanded && prNumber"
+        :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
+        :aria-label="$t('header.pr', { prNumber })"
+      >
+        <span class="text-xs px-1.5 py-0.5 rounded badge-green font-sans font-medium">
+          PR #{{ prNumber }}
+        </span>
+      </NuxtLink>
+
       <!-- Spacer when logo is hidden on desktop -->
       <span v-else class="hidden sm:block w-1" />