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

vuepress · Feb 18, 2025 · 6ba127a · 6ba127a
1 parent 17e58bc
commit 6ba127a
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
@@ -45,7 +45,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>
 
@@ -55,7 +55,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>
@@ -100,6 +100,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;