@sugarat/theme 0.2.22 → 0.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sugarat/theme",
-  "version": "0.2.22",
+  "version": "0.2.23",
   "description": "简约风的 Vitepress 博客主题，sugarat vitepress blog theme",
   "author": "sugar",
   "license": "MIT",

package/src/components/BlogDocCover.vue

@@ -1,10 +1,14 @@
 <script lang="ts" setup>
 import { useData } from 'vitepress'
 import { computed } from 'vue'
-import { useBlogConfig } from '../composables/config/blog'
+import { useBlogConfig, useCurrentArticle } from '../composables/config/blog'
 
 const { frontmatter } = useData()
 const cover = computed(() => frontmatter.value.cover)
+
+const currentArticle = useCurrentArticle()
+const realCover = computed<string>(() => import.meta.env.DEV ? cover.value : currentArticle.value?.meta?.cover)
+
 const { article } = useBlogConfig()
 const hiddenCover = computed(
   () => frontmatter.value?.hiddenCover ?? article?.hiddenCover ?? false
@@ -12,7 +16,7 @@ const hiddenCover = computed(
 </script>
 
 <template>
-  <img v-if="cover && !hiddenCover" class="blog-doc-cover" :src="cover">
+  <img v-if="cover && !hiddenCover" class="blog-doc-cover" :src="realCover">
 </template>
 
 <style lang="scss" scoped>

package/src/components/BlogRecommendArticle.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { computed, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import { useRoute, withBase } from 'vitepress'
 import { ElButton, ElLink } from 'element-plus'
 import { formatShowDate } from '../utils/client'
@@ -88,6 +88,7 @@ function changePage() {
   const newIdx
     = currentPage.value % Math.ceil(recommendList.value.length / pageSize.value)
   currentPage.value = newIdx + 1
+  return newIdx + 1
 }
 // 当前页开始的序号
 const startIdx = computed(() => (currentPage.value - 1) * pageSize.value)
@@ -101,6 +102,22 @@ const currentWikiData = computed(() => {
 const showChangeBtn = computed(() => {
   return recommendList.value.length > pageSize.value
 })
+
+onMounted(() => {
+  const checkHaveActive = () => {
+    const have = currentWikiData.value.some(v => isCurrentDoc(v.route))
+    if (have) {
+      return
+    }
+    if (currentPage.value >= changePage()) {
+      return
+    }
+
+    // TODO：存在理论闪烁情况，未来优化
+    setTimeout(checkHaveActive)
+  }
+  checkHaveActive()
+})
 </script>
 
 <template>