From 811f7f4361c3ce01e519bb2b4e3dee70c088c96b Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Fri, 6 Sep 2024 01:21:16 +0800
Subject: [PATCH] perf(theme): optimize internal link

---
 theme/src/client/components/Blog/VPBlogArchives.vue  |  2 +-
 .../src/client/components/Blog/VPBlogCategories.vue  |  2 +-
 theme/src/client/components/Blog/VPBlogTags.vue      |  2 +-
 theme/src/client/composables/blog-extract.ts         | 12 ++++++------
 4 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/theme/src/client/components/Blog/VPBlogArchives.vue b/theme/src/client/components/Blog/VPBlogArchives.vue
index f78058af..3b19e279 100644
--- a/theme/src/client/components/Blog/VPBlogArchives.vue
+++ b/theme/src/client/components/Blog/VPBlogArchives.vue
@@ -12,7 +12,7 @@ const { archives } = useArchives()
 
     <h2 class="archives-title">
       <span class="vpi-archive icon" />
-      <span>{{ archiveLink.text }}</span>
+      <span>{{ archiveLink?.text ?? 'Archives' }}</span>
     </h2>
     <div v-if="archives.length" class="archives">
       <template v-for="archive in archives" :key="archive.label">
diff --git a/theme/src/client/components/Blog/VPBlogCategories.vue b/theme/src/client/components/Blog/VPBlogCategories.vue
index 44eb9bb0..96cfb9a9 100644
--- a/theme/src/client/components/Blog/VPBlogCategories.vue
+++ b/theme/src/client/components/Blog/VPBlogCategories.vue
@@ -12,7 +12,7 @@ const { categories } = useBlogCategory()
 
     <h2 class="categories-title">
       <span class="vpi-category icon" />
-      <span>{{ categoriesLink.text }}</span>
+      <span>{{ categoriesLink?.text ?? 'Categories' }}</span>
     </h2>
 
     <slot name="blog-categories-content-before" />
diff --git a/theme/src/client/components/Blog/VPBlogTags.vue b/theme/src/client/components/Blog/VPBlogTags.vue
index deab5fbf..6d625941 100644
--- a/theme/src/client/components/Blog/VPBlogTags.vue
+++ b/theme/src/client/components/Blog/VPBlogTags.vue
@@ -13,7 +13,7 @@ const { tags, currentTag, postList, handleTagClick } = useTags()
     <div class="tags-nav">
       <h2 class="tags-title">
         <span class="vpi-tag icon" />
-        <span>{{ tagsLink.text }}</span>
+        <span>{{ tagsLink?.text ?? 'Tags' }}</span>
       </h2>
       <slot name="blog-tags-title-after" />
       <div class="tags">
diff --git a/theme/src/client/composables/blog-extract.ts b/theme/src/client/composables/blog-extract.ts
index 95ffe614..64dd7ae3 100644
--- a/theme/src/client/composables/blog-extract.ts
+++ b/theme/src/client/composables/blog-extract.ts
@@ -20,20 +20,20 @@ export function useBlogExtract() {
   )
 
   const tags = computed(() => ({
-    link: links.tags.value.link,
-    text: links.tags.value.text,
+    link: links.tags.value?.link,
+    text: links.tags.value?.text,
     total: tagsList.value.length,
   }))
 
   const archives = computed(() => ({
-    link: links.archive.value.link,
-    text: links.archive.value.text,
+    link: links.archive.value?.link,
+    text: links.archive.value?.text,
     total: postList.value.length,
   }))
 
   const categories = computed(() => ({
-    link: links.categories.value.link,
-    text: links.categories.value.text,
+    link: links.categories.value?.link,
+    text: links.categories.value?.text,
     total: getCategoriesTotal(categoryList.value),
   }))