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/2] 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/2] 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