@sugarat/theme 0.1.17 → 0.1.18

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.1.17",
+  "version": "0.1.18",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "main": "src/index.ts",
   "exports": {

package/src/components/BlogComment.vue

@@ -4,9 +4,10 @@
     v-if="show"
     id="giscus-comment"
     data-pagefind-ignore="all"
+    ref="commentEl"
   >
     <el-affix
-      :class="{ hidden: !showCommnetAffix }"
+      :class="{ hidden: commentIsVisible }"
       class="comment-btn"
       target="main"
       position="bottom"
@@ -43,7 +44,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { useDark } from '@vueuse/core'
+import { useDark, useElementVisibility } from '@vueuse/core'
 import { useData, useRoute } from 'vitepress'
 import { computed, ref, watch } from 'vue'
 import { ElAffix, ElButton } from 'element-plus'
@@ -52,10 +53,9 @@ import { useGiscusConfig } from '../composables/config/blog'
 import { Theme } from '../composables/config/index'
 
 const { frontmatter } = useData()
-const showCommnetAffix = ref(true)
-const handleVisibleChange = (v: boolean) => {
-  showCommnetAffix.value = v
-}
+const commentEl = ref(null)
+const commentIsVisible = useElementVisibility(commentEl)
+
 const handleScrollToComment = () => {
   document.querySelector('#giscus-comment')?.scrollIntoView({
     behavior: 'smooth',

package/src/composables/config/blog.ts

@@ -1,4 +1,4 @@
-import { useData, useRoute } from 'vitepress'
+import { useData, useRoute, withBase } from 'vitepress'
 import {
   Component,
   computed,
@@ -85,7 +85,7 @@ export function useCurrentArticle() {
     const currentPath = route.path.replace(/.html$/, '')
     return docs.value?.find((v) =>
       // 兼容中文路径
-      [currentPath, decodeURIComponent(currentPath)].includes(v.route)
+      [currentPath, decodeURIComponent(currentPath)].includes(withBase(v.route))
     )
   })