valaxy-theme-yun 0.12.3 → 0.12.5

package/components/YunFooter.vue

@@ -30,7 +30,7 @@ const footerIcon = computed(() => themeConfig.value.footer.icon || {
       </a>
     </div>
 
-    <div class="copyright flex justify-center items-center" p="1">
+    <div class="copyright flex justify-center items-center gap-2" p="1">
       <span>
         &copy;
         <template v-if="!isThisYear">
@@ -39,7 +39,7 @@ const footerIcon = computed(() => themeConfig.value.footer.icon || {
         {{ year }}
       </span>
 
-      <a v-if="themeConfig.footer.icon" m="x-2" class="inline-flex animate-pulse" :href="footerIcon.url" target="_blank" :title="footerIcon.title">
+      <a v-if="themeConfig.footer.icon?.enable" class="inline-flex animate-pulse" :href="footerIcon.url" target="_blank" :title="footerIcon.title">
         <div :class="footerIcon.name" />
       </a>
       <span>{{ config.author.name }}</span>

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" 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/node/config.ts

@@ -34,6 +34,7 @@ export const defaultThemeConfig: ThemeConfig = {
   footer: {
     since: 2022,
     icon: {
+      enable: true,
       name: 'i-ri-cloud-line',
       animated: true,
       color: 'var(--va-c-primary)',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-yun",
-  "version": "0.12.3",
+  "version": "0.12.5",
   "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",
+    "@iconify-json/simple-icons": "^1.1.40",
     "valaxy-addon-waline": "0.0.7"
   },
   "devDependencies": {
-    "valaxy": "0.12.3"
+    "valaxy": "0.12.5"
   }
 }

package/types/index.d.ts

@@ -79,6 +79,7 @@ export interface ThemeConfig {
       /**
        * icon name, i-xxx
        */
+      enable: boolean
       name: string
       animated: boolean
       color: string