valaxy-theme-hairy 1.0.3 → 1.0.4

package/components/HairyFooter.vue

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
 import { capitalize, computed } from 'vue'
-import { useConfig, useSiteConfig, useThemeConfig } from 'valaxy'
+import { useConfig, useSiteConfig, useThemeConfig, useRuntimeConfig } from 'valaxy'
 import { useI18n } from 'vue-i18n'
 import pkg from 'valaxy/package.json'
 import type { HairyTheme } from 'valaxy-theme-hairy'
@@ -19,8 +19,8 @@ const isThisYear = computed(() => {
 
 const poweredHtml = computed(() => t('footer.powered', [`<a href="${pkg.repository}" target="_blank" rel="noopener">Valaxy</a> v${pkg.version}`]))
 const footerIcon = computed(() => themeConfig.value.footer?.icon)
-
-// const frontmatter = useFrontmatter()
+const runtimeConfig = useRuntimeConfig()
+const addonWaline = computed(() => runtimeConfig.value.addons['valaxy-addon-waline'])
 </script>
 
 <template>
@@ -45,11 +45,14 @@ const footerIcon = computed(() => themeConfig.value.footer?.icon)
         </a>
 
         <span>{{ sideConfig.author.name }}</span>
-        <span class="mx-2">|</span>
-        <span class="flex items-center">
-          <div class="i-ri-eye-fill mr-1" />
-          <span class="waline-pageview-count" data-path="/">-</span>
-        </span>
+        <template v-if="addonWaline.options?.pageview">
+          <span class="mx-2">|</span>
+          <span class="flex items-center">
+            <div class="i-ri-eye-fill mr-1" />
+            <span class="waline-pageview-count" data-path="/" />
+          </span>
+        </template>
+        
       </div>
       <div v-if="themeConfig.footer.powered" class="powered" m="2">
         <span v-html="poweredHtml" /> | <span>{{ t('footer.theme') }} - <a :href="themeConfig.pkg.homepage" :title="`valaxy-theme-${config.theme}`" target="_blank">{{ capitalize(config.theme) }}</a> v{{ themeConfig.pkg.version }}</span>

package/components/posts/HairyArticleImage.vue

@@ -59,7 +59,7 @@ function displayCategory(keys: string | string[] = []) {
               </span>
             </a>
             <div class="text-base leading-6 font-medium">
-              <a class="link cursor-pointer" aria-label="read more" @click="onReadMore">
+              <a class="link flex gap-2 cursor-pointer" aria-label="read more" @click="onReadMore">
                 <span v-if="reverse">←</span>
                 <span class="hidden md:block">Read more</span>
                 <span v-if="!reverse">→</span>

package/components/posts/HairyPostFooter.vue

@@ -9,7 +9,7 @@ const route = useRoute()
     <div class="border-t border-gray-200 dark:border-gray-600" />
     <div class="flex items-center justify-end mt-2">
       <div class="i-ri-eye-fill mr-2" />
-      阅读次数 <span class="waline-pageview-count mx-2" :data-path="route.path"> - </span> 次
+      阅读次数 <span class="waline-pageview-count mx-2" :data-path="route.path" /> 次
     </div>
   </div>
 </template>

package/layouts/post.vue

@@ -1,7 +1,8 @@
 <script lang="ts" setup>
 import { ElTag, dayjs } from 'element-plus'
-import { useFrontmatter } from 'valaxy'
+import { useFrontmatter, useRuntimeConfig } from 'valaxy'
 import { useRouter } from 'vue-router'
+import { computed } from 'vue'
 
 import 'element-plus/theme-chalk/el-tag.css'
 
@@ -13,6 +14,8 @@ defineProps<{
   }
 }>()
 
+const runtimeConfig = useRuntimeConfig()
+const addonWaline = computed(() => runtimeConfig.value.addons['valaxy-addon-waline'])
 const router = useRouter()
 const post = useFrontmatter()
 
@@ -43,7 +46,7 @@ function displayTag(tag: string) {
         <HairyImageGlobal>
           <router-view />
         </HairyImageGlobal>
-        <HairyPostFooter />
+        <HairyPostFooter v-if="addonWaline.options?.pageview" />
       </template>
       <template #slide>
         <HairyTabbar />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "valaxy-theme-hairy",
-  "version": "1.0.3",
+  "version": "1.0.4",
   "packageManager": "pnpm@8.10.5",
   "author": {
     "email": "wwu710632@gmail.com",