fix: resolve hash-based component triggering issues

- Fix useHashChecker to read actual hash value instead of stale computed value
- Remove LoginAlertDialog from ForumLocalNav as it's now in Layout
- Ensure hash-based triggers work immediately for both login alerts and forum forms
- Clean up debug logging after successful troubleshooting

Author: jiazengp

.vitepress/theme/components/ui/sonner/Sonner.vue

@@ -1,6 +1,7 @@
 <script lang="ts" setup>
 import type { ToasterProps } from 'vue-sonner'
 import { Toaster as Sonner } from 'vue-sonner'
+import 'vue-sonner/style.css'
 
 const props = defineProps<ToasterProps>()
 </script>

.vitepress/theme/hooks/useHashChecker.ts

@@ -34,17 +34,20 @@ export function useHashChecker(
   let matchedHash = null
 
   const checkHash = () => {
+    // 直接读取当前hash，不依赖computed
+    const actualCurrentHash = import.meta.env.SSR ? '' : window.location.hash.slice(1)
+
     if (isArray(targetHash)) {
-      isMatch.value = targetHash.includes(currentHash.value)
+      isMatch.value = targetHash.includes(actualCurrentHash)
     }
     else {
-      isMatch.value = currentHash.value === targetHash
+      isMatch.value = actualCurrentHash === targetHash
     }
 
     if (!isMatch.value)
       return
 
-    matchedHash = currentHash.value
+    matchedHash = actualCurrentHash
 
     if (clearHash && !import.meta.env.SSR)
       history.replaceState(null, '', window.location.href.split('#')[0])

.vitepress/theme/layouts/Layout.vue

@@ -9,6 +9,7 @@ import DocAside from '@/components/DocAside.vue'
 import DocHeader from '@/components/DocHeader.vue'
 import DocReaction from '@/components/DocReaction.vue'
 import HighlightTargetedHeading from '@/components/HighlightTargetedHeading.vue'
+import LoginAlertDialog from '@/components/LoginAlertDialog.vue'
 import NavBarUserAvatar from '@/components/NavBarUserAvatar.vue'
 import { Notifications } from '@/components/ui'
 import { Sonner } from '@/components/ui/sonner'
@@ -140,6 +141,7 @@ router.onAfterRouteChange = setupMediumZoom
     <template #layout-bottom>
       <HighlightTargetedHeading />
       <Notifications />
+      <LoginAlertDialog />
     </template>
   </Layout>
 </template>

src/components/forum/ForumLocalNav.vue

@@ -3,7 +3,6 @@ import { useMediaQuery, useTitle, useUrlSearchParams } from '@vueuse/core'
 import { useData } from 'vitepress'
 import { computed } from 'vue'
 import LocalNav from '@/components/LocalNav.vue'
-import LoginAlertDialog from '@/components/LoginAlertDialog.vue'
 import { Button } from '@/components/ui/button'
 import {
   HoverCard,
@@ -13,8 +12,8 @@ import {
 import { useLocalized } from '@/hooks/useLocalized'
 import { useUserAuthStore } from '@/stores/useUserAuth'
 import ForumPublishTopicForm from '~/components/forum/form/publish-topic-form/ForumPublishTopicForm.vue'
-import { publishTopic } from './utils'
 import { useRuleChecks } from '~/composables/useRuleChecks'
+import { publishTopic } from './utils'
 
 const open = defineModel<boolean>('open-search-curtain', {
   default: false,
@@ -54,14 +53,16 @@ const selectPublishTopicMenu = computed(() => {
       label: message.value.forum.labels.submitBug,
       icon: 'i-lucide-bug',
       action: () => {
-        location.hash = 'PUBLISH-TOPIC-BUG'
+        location.hash = 'BUG'
+        publishTopic()
       },
     },
     {
       label: message.value.forum.labels.submitSuggestion,
       icon: 'i-lucide-file-text',
       action: () => {
-        location.hash = 'PUBLISH-TOPIC-FEAT'
+        location.hash = 'FEAT'
+        publishTopic()
       },
     },
   ]
@@ -72,7 +73,8 @@ const selectPublishTopicMenu = computed(() => {
       label: '发公告',
       icon: 'i-lucide-megaphone',
       action: () => {
-        location.hash = 'PUBLISH-TOPIC-ANN'
+        location.hash = 'ANN'
+        publishTopic()
       },
     })
   }
@@ -128,7 +130,6 @@ const selectPublishTopicMenu = computed(() => {
         <span class="i-lucide-plus z-9999 inline-block size-[1.75rem] shadow-[var(--vp-shadow-1)]" />
       </Button>
       <ForumPublishTopicForm />
-      <LoginAlertDialog />
     </template>
   </Teleport>
 </template>