valaxy-theme-yun 0.12.4 → 0.12.6

package/components/YunPostCard.vue

@@ -27,11 +27,11 @@ const { icon, styles } = usePostProperty(props.post.type)
 
       <div class="flex flex-col flex-1 items-center" :class="post.cover && 'max-h-54'" w="full">
         <AppLink
-          class="post-title-link"
+          class="post-title-link cursor-pointer"
           :to="post.path || ''"
           m="t-3"
         >
-          <div class="flex justify-center items-center title text-2xl" text="center" font="serif black">
+          <div class="flex-center title text-2xl" text="center" font="serif black">
             <div v-if="post.type" class="inline-flex" m="r-1" :class="icon" />{{ post.title }}
           </div>
         </AppLink>

package/components/YunPostMeta.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import type { Post } from 'valaxy'
-import { useI18n } from 'vue-i18n'
 import { formatDate } from 'valaxy'
+import { useI18n } from 'vue-i18n'
 
 defineProps<{
   frontmatter: Post
@@ -18,16 +18,21 @@ const { t } = useI18n()
     <div i-ri-pushpin-line />
   </div>
 
-  <div v-if="frontmatter" class="post-meta justify-center" flex="~" text="sm">
+  <div v-if="frontmatter" class="post-meta justify-center" flex="~" text="sm" py="1">
     <div v-if="frontmatter.date" class="post-time flex items-center">
-      <div class="inline-block" i-ri-calendar-line />
-      <time m="l-1" :title="t('post.posted')">{{ formatDate(frontmatter.date) }}</time>
-
-      <template v-if="frontmatter.updated && frontmatter.updated !== frontmatter.date">
+      <span class="inline-flex-center" :title="t('post.posted')">
+        <div class="inline-block" i-ri-calendar-line />
+        <time m="l-1">{{ formatDate(frontmatter.date) }}</time>
+      </span>
+
+      <span
+        v-if="frontmatter.updated && frontmatter.updated !== frontmatter.date"
+        class="inline-flex-center" :title="t('post.edited')"
+      >
         <span m="x-2">-</span>
         <div i-ri-calendar-2-line />
-        <time m="l-1" :title="t('post.edited')">{{ formatDate(frontmatter.updated) }}</time>
-      </template>
+        <time m="l-1">{{ formatDate(frontmatter.updated) }}</time>
+      </span>
     </div>
   </div>
 

package/components/YunWalineMeta.vue

@@ -0,0 +1,27 @@
+<script lang="ts" setup>
+import { useConfig } from 'valaxy'
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+
+import { useI18n } from 'vue-i18n'
+
+const route = useRoute()
+const config = useConfig()
+
+const addonWaline = computed(() => config.value.runtime.addons['valaxy-addon-waline'])
+
+const { t } = useI18n()
+</script>
+
+<template>
+  <div v-if="addonWaline && addonWaline.options" flex="~" text="sm" py="1">
+    <div v-if="addonWaline.options.pageview" inline-flex justify="center" items="center" mx="2" :title="t('post.pageview_count')">
+      <div inline-flex i-ri-eye-line />
+      <span ml-1 inline-flex class="waline-pageview-count" :data-path="route.path" />
+    </div>
+    <div v-if="addonWaline.options.comment" inline-flex justify="center" items="center" mx="2" :title="t('post.comment_count')">
+      <div inline-flex i-ri-chat-4-line />
+      <span ml-1 inline-flex class="waline-comment-count" :data-path="route.path" />
+    </div>
+  </div>
+</template>

package/layouts/post.vue

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "author": {
     "email": "me@yunyoujun.cn",
     "name": "YunYouJun",
@@ -18,10 +18,10 @@
   "types": "types/index.d.ts",
   "dependencies": {
     "@iconify-json/ant-design": "^1.1.4",
-    "@iconify-json/simple-icons": "^1.1.37",
-    "valaxy-addon-waline": "0.0.7"
+    "@iconify-json/simple-icons": "^1.1.40",
+    "valaxy-addon-waline": "0.0.8"
   },
   "devDependencies": {
-    "valaxy": "0.12.4"
+    "valaxy": "0.12.6"
   }
 }