fix(ui): preview mode show the pr number (#2018)

Co-authored-by: Willow (GHOST) <git@willow.sh>

Author: btea

app/components/AppHeader.vue

@@ -243,16 +243,18 @@ onKeyStroke(
             {{ env === 'release' ? 'alpha' : env }}
           </span>
         </NuxtLink>
-        <NuxtLink
-          v-if="prNumber"
-          :to="`https://github.com/npmx-dev/npmx.dev/pull/${prNumber}`"
-          :aria-label="`Open GitHub pull request ${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" />
 

i18n/locales/en.json

@@ -1058,7 +1058,8 @@
       "error": "Failed to load organizations",
       "empty": "No organizations found",
       "view_all": "View all"
-    }
+    },
+    "pr": "Open GitHub pull request #{prNumber}"
   },
   "compare": {
     "packages": {

i18n/locales/zh-CN.json

@@ -1048,7 +1048,8 @@
       "error": "加载组织失败",
       "empty": "未找到组织",
       "view_all": "查看全部"
-    }
+    },
+    "pr": "在 GitHub 上打开 PR #{prNumber}"
   },
   "compare": {
     "packages": {

i18n/schema.json

@@ -3180,6 +3180,9 @@
             }
           },
           "additionalProperties": false
+        },
+        "pr": {
+          "type": "string"
         }
       },
       "additionalProperties": false