fix(theme-default): fix PageNav external icon, close #357 (#358)

vuepress · Feb 21, 2025 · c4f539f · c4f539f
1 parent 7cb42a2
commit c4f539f
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/themes/theme-default/src/client/components/VPPageNav.vue b/themes/theme-default/src/client/components/VPPageNav.vue
@@ -44,7 +44,7 @@ useEventListener('keydown', (event): void => {
         {{ themeLocale.prev ?? 'Prev' }}
       </div>
       <div class="link">
-        <span>{{ prevLink.text }}</span>
+        <span class="external-link">{{ prevLink.text }}</span>
       </div>
     </VPAutoLink>
 
@@ -54,7 +54,7 @@ useEventListener('keydown', (event): void => {
         <span class="arrow right" />
       </div>
       <div class="link">
-        <span>{{ nextLink.text }}</span>
+        <span class="external-link">{{ nextLink.text }}</span>
       </div>
     </VPAutoLink>
   </nav>
@@ -99,6 +99,14 @@ useEventListener('keydown', (event): void => {
       background: var(--vp-c-control);
     }
 
+    &.external-link::after {
+      display: none;
+    }
+
+    &:not(.external-link) .external-link::after {
+      display: none;
+    }
+
     .hint {
       color: var(--vp-c-text-mute);
       font-size: 0.875rem;