From a4c68287d21bb33389f43c86ffb3bd0de3aeece0 Mon Sep 17 00:00:00 2001
From: pengzhanbo <volodymyr@foxmail.com>
Date: Thu, 29 Aug 2024 20:14:13 +0800
Subject: [PATCH] feat(theme): add blog tags and category slots

---
 theme/src/client/components/Blog/VPBlog.vue           | 9 +++++++++
 theme/src/client/components/Blog/VPBlogCategories.vue | 2 ++
 theme/src/client/components/Blog/VPBlogTags.vue       | 2 ++
 theme/src/client/components/VPContent.vue             | 9 +++++++++
 theme/src/client/layouts/Layout.vue                   | 9 +++++++++
 5 files changed, 31 insertions(+)

diff --git a/theme/src/client/components/Blog/VPBlog.vue b/theme/src/client/components/Blog/VPBlog.vue
index 5e814d4c..9ed725d4 100644
--- a/theme/src/client/components/Blog/VPBlog.vue
+++ b/theme/src/client/components/Blog/VPBlog.vue
@@ -35,6 +35,12 @@ const { theme, page } = useData()
           <template #blog-tags-after>
             <slot name="blog-tags-after" />
           </template>
+          <template #blog-tags-title-after>
+            <slot name="blog-tags-title-after" />
+          </template>
+          <template #blog-tags-content-before>
+            <slot name="blog-tags-content-before" />
+          </template>
         </VPBlogTags>
         <VPBlogCategories v-else-if="page.type === 'blog-categories'">
           <template #blog-categories-before>
@@ -43,6 +49,9 @@ const { theme, page } = useData()
           <template #blog-categories-after>
             <slot name="blog-categories-after" />
           </template>
+          <template #blog-categories-content-before>
+            <slot name="blog-categories-content-before" />
+          </template>
         </VPBlogCategories>
         <VPPostList v-else>
           <template #blog-post-list-before>
diff --git a/theme/src/client/components/Blog/VPBlogCategories.vue b/theme/src/client/components/Blog/VPBlogCategories.vue
index b43c6a41..beb9f568 100644
--- a/theme/src/client/components/Blog/VPBlogCategories.vue
+++ b/theme/src/client/components/Blog/VPBlogCategories.vue
@@ -15,6 +15,8 @@ const { categories } = useBlogCategory()
       <span>{{ title }}</span>
     </h2>
 
+    <slot name="blog-categories-content-before" />
+
     <div class="content">
       <VPCategories :items="categories" />
     </div>
diff --git a/theme/src/client/components/Blog/VPBlogTags.vue b/theme/src/client/components/Blog/VPBlogTags.vue
index 8a46de2c..ba7ae546 100644
--- a/theme/src/client/components/Blog/VPBlogTags.vue
+++ b/theme/src/client/components/Blog/VPBlogTags.vue
@@ -15,6 +15,7 @@ const title = useBlogNavTitle('tag')
         <span class="vpi-tag icon" />
         <span>{{ title }}</span>
       </h2>
+      <slot name="blog-tags-title-after" />
       <div class="tags">
         <p
           v-for="tag in tags"
@@ -29,6 +30,7 @@ const title = useBlogNavTitle('tag')
       </div>
     </div>
 
+    <slot name="blog-tags-content-before" />
     <div v-if="currentTag" class="tags-container">
       <h3 class="tag-title">
         {{ currentTag }}
diff --git a/theme/src/client/components/VPContent.vue b/theme/src/client/components/VPContent.vue
index a4e59a18..a069e073 100644
--- a/theme/src/client/components/VPContent.vue
+++ b/theme/src/client/components/VPContent.vue
@@ -50,12 +50,21 @@ watch([isBlogLayout, () => frontmatter.value.pageLayout], () => nextTick(() =>
       <template #blog-tags-after>
         <slot name="blog-tags-after" />
       </template>
+      <template #blog-tags-title-after>
+        <slot name="blog-tags-title-after" />
+      </template>
+      <template #blog-tags-content-before>
+        <slot name="blog-tags-content-before" />
+      </template>
       <template #blog-categories-before>
         <slot name="blog-categories-before" />
       </template>
       <template #blog-categories-after>
         <slot name="blog-categories-after" />
       </template>
+      <template #blog-categories-content-before>
+        <slot name="blog-categories-content-before" />
+      </template>
       <template #blog-post-list-before>
         <slot name="blog-post-list-before" />
       </template>
diff --git a/theme/src/client/layouts/Layout.vue b/theme/src/client/layouts/Layout.vue
index f7b13ed3..b2590edf 100644
--- a/theme/src/client/layouts/Layout.vue
+++ b/theme/src/client/layouts/Layout.vue
@@ -131,12 +131,21 @@ useCloseSidebarOnEscape(isSidebarOpen, closeSidebar)
           <template #blog-tags-after>
             <slot name="blog-tags-after" />
           </template>
+          <template #blog-tags-title-after>
+            <slot name="blog-tags-title-after" />
+          </template>
+          <template #blog-tags-content-before>
+            <slot name="blog-tags-content-before" />
+          </template>
           <template #blog-categories-before>
             <slot name="blog-categories-before" />
           </template>
           <template #blog-categories-after>
             <slot name="blog-categories-after" />
           </template>
+          <template #blog-categories-content-before>
+            <slot name="blog-categories-content-before" />
+          </template>
           <template #blog-post-list-before>
             <slot name="blog-post-list-before" />
           </template>