gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(theme): add blog tags and category slots

Browse Source
This commit is contained in:
pengzhanbo 2024-08-29 20:14:13 +08:00
parent f5e8bdfd82
commit a4c68287d2
5 changed files with 31 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
theme/src/client/components/Blog/VPBlog.vue
View File

@ -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>

2
theme/src/client/components/Blog/VPBlogCategories.vue
View File

@ -15,6 +15,8 @@ const { categories } = useBlogCategory()
<span>{{ title }}</span>
</h2>
<slot name="blog-categories-content-before" />
<div class="content">
<VPCategories :items="categories" />
</div>

2
theme/src/client/components/Blog/VPBlogTags.vue
View File

@ -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 }}

9
theme/src/client/components/VPContent.vue
View File

@ -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>

9
theme/src/client/layouts/Layout.vue
View File

@ -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>