From 966525e63ccab141f071917f6ef649ff448897ab Mon Sep 17 00:00:00 2001
From: "Mr.Hope" <mister-hope@outlook.com>
Date: Tue, 2 Apr 2024 03:07:14 +0800
Subject: [PATCH] fix(theme-default): fix PageNav relative url

---
 .../src/client/components/PageNav.vue         | 28 +++++++++++++------
 tools/helper/src/client/utils/index.ts        |  1 +
 tools/helper/src/client/utils/resolveRoute.ts | 26 +++++++++++++++++
 3 files changed, 46 insertions(+), 9 deletions(-)
 create mode 100644 tools/helper/src/client/utils/resolveRoute.ts

diff --git a/themes/theme-default/src/client/components/PageNav.vue b/themes/theme-default/src/client/components/PageNav.vue
index 8d0b5901cc..5674aa5b0c 100644
--- a/themes/theme-default/src/client/components/PageNav.vue
+++ b/themes/theme-default/src/client/components/PageNav.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import AutoLink from '@theme/AutoLink.vue'
+import { resolveRoute } from '@vuepress/helper/client'
 import { useEventListener } from '@vueuse/core'
 import { computed } from 'vue'
-import type { Router } from 'vuepress/client'
-import { usePageFrontmatter, useRoute, useRouter } from 'vuepress/client'
+import { usePageFrontmatter, useRoute } from 'vuepress/client'
 import { isPlainObject, isString } from 'vuepress/shared'
 import type {
   DefaultThemeNormalPageFrontmatter,
@@ -15,25 +15,36 @@ import {
   useSidebarItems,
   useThemeLocaleData,
 } from '../composables/index.js'
-import { getNavLink } from '../utils/index.js'
 
 /**
  * Resolve `prev` or `next` config from frontmatter
  */
 const resolveFromFrontmatterConfig = (
-  router: Router,
   conf: unknown,
+  current: string,
 ): null | false | NavLink => {
   if (conf === false) {
     return null
   }
 
   if (isString(conf)) {
-    return getNavLink(router, conf)
+    const { notFound, meta, path } = resolveRoute<{
+      title?: string
+    }>(conf, current)
+
+    return notFound
+      ? { text: path, link: path }
+      : {
+          text: meta.title || path,
+          link: path,
+        }
   }
 
   if (isPlainObject<NavLink>(conf)) {
-    return conf
+    return {
+      ...conf,
+      link: resolveRoute(conf.link, current).path,
+    }
   }
 
   return false
@@ -76,13 +87,12 @@ const frontmatter = usePageFrontmatter<DefaultThemeNormalPageFrontmatter>()
 const sidebarItems = useSidebarItems()
 const themeLocale = useThemeLocaleData()
 const route = useRoute()
-const router = useRouter()
 const navigate = useNavigate()
 
 const prevNavLink = computed(() => {
   const prevConfig = resolveFromFrontmatterConfig(
-    router,
     frontmatter.value.prev,
+    route.path,
   )
   if (prevConfig !== false) {
     return prevConfig
@@ -93,8 +103,8 @@ const prevNavLink = computed(() => {
 
 const nextNavLink = computed(() => {
   const nextConfig = resolveFromFrontmatterConfig(
-    router,
     frontmatter.value.next,
+    route.path,
   )
   if (nextConfig !== false) {
     return nextConfig
diff --git a/tools/helper/src/client/utils/index.ts b/tools/helper/src/client/utils/index.ts
index 9a73f9b141..51f83d06d6 100644
--- a/tools/helper/src/client/utils/index.ts
+++ b/tools/helper/src/client/utils/index.ts
@@ -1,3 +1,4 @@
 export * from './data.js'
 export * from './hasGlobalComponent.js'
+export * from './resolveRoute.js'
 export * from './wait.js'
diff --git a/tools/helper/src/client/utils/resolveRoute.ts b/tools/helper/src/client/utils/resolveRoute.ts
new file mode 100644
index 0000000000..4b66363a48
--- /dev/null
+++ b/tools/helper/src/client/utils/resolveRoute.ts
@@ -0,0 +1,26 @@
+import { resolveRoute as _resolveRoute } from 'vuepress/client'
+import type { Route, RouteMeta } from 'vuepress/client'
+import { isLinkAbsolute } from '../../shared'
+
+const FAKE_HOST = 'http://.'
+
+// FIXME: ResolvedRoute is currently not exported
+interface ResolvedRoute<T extends RouteMeta = RouteMeta> extends Route<T> {
+  path: string
+  notFound: boolean
+}
+
+export const resolveRoute = <T extends RouteMeta>(
+  path: string,
+  current?: string,
+): ResolvedRoute<T> => {
+  if (isLinkAbsolute(path) || typeof current !== 'string')
+    return _resolveRoute<T>(path)
+
+  // Inner relative path
+  const loc = current.slice(0, current.lastIndexOf('/'))
+
+  return _resolveRoute<T>(
+    new URL(`${loc}/${encodeURI(path)}`, FAKE_HOST).pathname,
+  )
+}