valaxy-theme-yun 0.13.9 → 0.13.10

package/components/YunPostCard.vue

@@ -57,24 +57,12 @@ const { icon, styles } = usePostProperty(props.post.type)
     <!-- always show -->
     <div w="full" class="yun-card-actions flex justify-between" border="t" text="sm">
       <div class="inline-flex">
-        <router-link
-          :to="{
-            path: '/categories/',
-            query: { category: Array.isArray(post.categories) ? post.categories[post.categories.length - 1] : post.categories },
-          }"
-          class="post-categories inline-flex justify-center items-center" m="l-2"
-        >
-          <div m="x-1" i-ri-folder-2-line />
-          {{ Array.isArray(post.categories) ? post.categories.join(' > ') : post.categories }}
-        </router-link>
+        <YunPostCategories :categories="post.categories" />
       </div>
 
       <div class="post-tags inline-flex" m="r-2">
         <template v-if="post.tags">
-          <router-link v-for="tag, i in post.tags" :key="i" :to="{ path: '/tags/', query: { tag } }" m="x-1" class="post-tag inline-flex justify-center items-center">
-            <div m="r-1" i-ri-price-tag-3-line />
-            {{ tag }}
-          </router-link>
+          <YunPostTags :tags="post.tags" />
         </template>
       </div>
     </div>

package/components/YunPostCategories.vue

@@ -0,0 +1,20 @@
+<script lang="ts" setup>
+import type { Post } from 'valaxy'
+
+defineProps<{
+  categories: Post['categories']
+}>()
+</script>
+
+<template>
+  <router-link
+    :to="{
+      path: '/categories/',
+      query: { category: Array.isArray(categories) ? categories[categories.length - 1] : categories },
+    }"
+    class="post-categories inline-flex justify-center items-center" m="l-2"
+  >
+    <div m="x-1" i-ri-folder-2-line />
+    {{ Array.isArray(categories) ? categories.join(' > ') : categories }}
+  </router-link>
+</template>

package/components/YunPostCategoriesAndTags.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import type { Post } from 'valaxy'
+
+defineProps<{
+  frontmatter: Post
+}>()
+</script>
+
+<template>
+  <div class="inline-flex" text="sm" py="1">
+    <YunPostCategories :categories="frontmatter.categories" />
+    <span v-if="frontmatter.categories && frontmatter.tags" mx="2">-</span>
+    <template v-if="frontmatter.tags">
+      <YunPostTags :tags="frontmatter.tags" />
+    </template>
+  </div>
+</template>

package/components/YunPostTags.vue

@@ -0,0 +1,14 @@
+<script lang="ts" setup>
+import type { Post } from 'valaxy'
+
+defineProps<{
+  tags: Post['tags']
+}>()
+</script>
+
+<template>
+  <router-link v-for="tag, i in tags" :key="i" :to="{ path: '/tags/', query: { tag } }" m="x-1" class="post-tag inline-flex justify-center items-center">
+    <div m="r-1" i-ri-price-tag-3-line />
+    {{ tag }}
+  </router-link>
+</template>

package/layouts/post.vue

@@ -18,8 +18,8 @@ const showSponsor = computed(() => {
   <Layout>
     <template #main-header-after>
       <YunPostMeta :frontmatter="frontmatter" />
-
       <YunWalineMeta />
+      <YunPostCategoriesAndTags :frontmatter="frontmatter" />
     </template>
 
     <template #main-content-after>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.13.9",
+  "version": "0.13.10",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -22,6 +22,6 @@
     "valaxy-addon-waline": "0.0.9"
   },
   "devDependencies": {
-    "valaxy": "0.13.9"
+    "valaxy": "0.13.10"
   }
 }