✨ 更新页面标题设置逻辑，统一使用状态管理

Author: wling-art

pages/about/index.vue

@@ -7,8 +7,14 @@ if (error.value) {
     console.error('Failed to load markdown content:', error.value)
 }
 
+const title = useState<string>('pageTitle')
+title.value = testMd.value?.title || 'Default Title'
+
+useHead({
+    title: title,
+})
 useSeoMeta({
-    title: testMd.value?.title || 'Default Title',
+    title: title || 'Default Title',
     description: testMd.value?.description || 'Default Description',
 })
 </script>

pages/index.vue

@@ -3,15 +3,18 @@ import { ref, onMounted } from 'vue'
 import Logo from '@/assets/logo.svg'
 import GridBackground from '@/components/Background/GridBackground.vue'
 
+const title = useState<string>('pageTitle')
+title.value = 'MSCPO'
+
+useHead({
+    title: title,
+})
+
 // 设置使用home布局，仅首页使用
 definePageMeta({
     layout: 'home',
 })
 
-// 设置页面标题
-useHead({
-    title: 'Minecraft集体宣传组织(MSCPO)',
-})
 
 const isLoaded = ref(false)
 const showContent = ref(false)