修复字数bug

.github/workflows/deploy-docs.yml

@@ -3,7 +3,7 @@ name: 部署到 Cloudflare Pages
 on:
   push:
     branches:
-      - 'main' # 当推送到 main 分支时触发
+      - 'devread' # 当推送到 main 分支时触发
 
 jobs:
   deploy:

packages/vitepress-theme-project-trans/src/components/ReadingTime.vue

@@ -1,18 +1,25 @@
 <script setup lang="ts">
+import { ref, onMounted } from 'vue'
 import { useData } from 'vitepress'
 
 // 获取页面数据
 const { frontmatter } = useData()
 
+// 定义响应式变量
+const wordCount = ref(0)
+const readingTime = ref(0)
+
 // 计算阅读时间的函数
-function calculateReadingTime(wordCount: number) {
+const calculateReadingTime = (wordCount: number) => {
   const wordsPerMinute = 500 // 假设中文阅读速度为每分钟500字
   return Math.ceil(wordCount / wordsPerMinute) // 计算预计阅读时间
 }
 
-// 从 frontmatter 获取字数和计算阅读时间
-const wordCount = frontmatter.value.wordCount || 0
-const readingTime = calculateReadingTime(wordCount)
+// 在组件挂载后获取字数并计算阅读时间
+onMounted(() => {
+  wordCount.value = frontmatter.value.wordCount || 0
+  readingTime.value = calculateReadingTime(wordCount.value)
+})
 </script>
 
 <template>