From aeee0ec8de4e730e0a76b097dd0e3a6f528b1995 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 6 Sep 2024 00:17:13 +0800
Subject: [PATCH] fix(theme): incorrect internal link

---
 theme/src/client/components/Blog/VPPostItem.vue  |  4 ++--
 theme/src/client/components/VPDocBreadcrumbs.vue |  2 +-
 theme/src/client/components/VPDocMeta.vue        |  5 +++--
 theme/src/client/composables/internal-link.ts    | 16 ++++++++++++----
 4 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/theme/src/client/components/Blog/VPPostItem.vue b/theme/src/client/components/Blog/VPPostItem.vue
index abb6285f..39cf64bf 100644
--- a/theme/src/client/components/Blog/VPPostItem.vue
+++ b/theme/src/client/components/Blog/VPPostItem.vue
@@ -54,7 +54,7 @@ const createTime = computed(() =>
       <div v-if="categoryList.length" class="category-list">
         <span class="icon vpi-folder" />
         <template v-for="(cate, i) in categoryList" :key="i">
-          <VPLink :href="`${categoriesLink.link}?id=${cate.id}`">
+          <VPLink :href="`${categoriesLink ? `${categoriesLink.link}?id=${cate.id}` : undefined}`">
             {{ cate.name }}
           </VPLink>
           <span v-if="i !== categoryList.length - 1">/</span>
@@ -66,7 +66,7 @@ const createTime = computed(() =>
           <VPLink
             class="tag"
             :class="tag.className"
-            :href="`${tagsLink.link}?tag=${tag.name}`"
+            :href="`${tagsLink ? `${tagsLink.link}?tag=${tag.name}` : undefined}`"
           >
             {{ tag.name }}
           </VPLink>
diff --git a/theme/src/client/components/VPDocBreadcrumbs.vue b/theme/src/client/components/VPDocBreadcrumbs.vue
index dfd5efbe..49670f4d 100644
--- a/theme/src/client/components/VPDocBreadcrumbs.vue
+++ b/theme/src/client/components/VPDocBreadcrumbs.vue
@@ -37,7 +37,7 @@ const breadcrumbList = computed<Breadcrumb[]>(() => {
     for (const category of categoryList) {
       list.push({
         text: category.name,
-        link: `${categories.value.link}?id=${category.id}`,
+        link: `${categories.value ? `${categories.value.link}?id=${category.id}` : undefined}`,
       })
     }
   }
diff --git a/theme/src/client/components/VPDocMeta.vue b/theme/src/client/components/VPDocMeta.vue
index 82a66cd0..89552c78 100644
--- a/theme/src/client/components/VPDocMeta.vue
+++ b/theme/src/client/components/VPDocMeta.vue
@@ -2,12 +2,13 @@
 import { computed } from 'vue'
 import VPLink from '@theme/VPLink.vue'
 import { useReadingTimeLocale } from '@vuepress/plugin-reading-time/client'
-import { useData, useInternalLink, useTagColors } from '../composables/index.js'
+import { useBlogPageData, useData, useInternalLink, useTagColors } from '../composables/index.js'
 
 const { page, frontmatter: matter } = useData<'post'>()
 const colors = useTagColors()
 const readingTime = useReadingTimeLocale()
 const { tags: tagsLink } = useInternalLink()
+const { isBlogPost } = useBlogPageData()
 
 const createTime = computed(() => {
   if (matter.value.createTime)
@@ -47,7 +48,7 @@ const hasMeta = computed(() => readingTime.value.time || tags.value.length || cr
         :key="tag.name"
         class="tag"
         :class="tag.className"
-        :href="`${tagsLink.link}?tag=${tag.name}`"
+        :href="`${tagsLink?.link && isBlogPost ? `${tagsLink.link}?tag=${tag.name}` : undefined}`"
       >
         {{ tag.name }}
       </VPLink>
diff --git a/theme/src/client/composables/internal-link.ts b/theme/src/client/composables/internal-link.ts
index c3476100..99028205 100644
--- a/theme/src/client/composables/internal-link.ts
+++ b/theme/src/client/composables/internal-link.ts
@@ -23,10 +23,18 @@ export function useInternalLink() {
   const blogData = computed(() => theme.value.blog || {})
 
   const home = computed(() => resolveLink('home', '/'))
-  const blog = computed(() => resolveLink('blog', blogData.value.link || 'blog/'))
-  const tags = computed(() => resolveLink('tag', blogData.value.tagsLink || 'blog/tags/'))
-  const archive = computed(() => resolveLink('archive', blogData.value.archivesLink || 'blog/archives/'))
-  const categories = computed(() => resolveLink('category', blogData.value.categoriesLink || 'blog/categories/'))
+  const blog = computed(() => blogData.value.postList !== false
+    ? resolveLink('blog', blogData.value.link || 'blog/')
+    : home.value)
+  const tags = computed(() => blogData.value.tags !== false
+    ? resolveLink('tag', blogData.value.tagsLink || 'blog/tags/')
+    : undefined)
+  const archive = computed(() => blogData.value.archives !== false
+    ? resolveLink('archive', blogData.value.archivesLink || 'blog/archives/')
+    : undefined)
+  const categories = computed(() => blogData.value.categories !== false
+    ? resolveLink('category', blogData.value.categoriesLink || 'blog/categories/')
+    : undefined)
 
   return {
     home,