From 0c5fd7fa7886a7e3b5f9d33066365e809b92a292 Mon Sep 17 00:00:00 2001
From: Tim <135014430+nagisa77@users.noreply.github.com>
Date: Mon, 7 Jul 2025 13:21:07 +0800
Subject: [PATCH] feat(frontend): improve link copy and comment navigation

---
 open-isle-cli/src/components/CommentItem.vue |  4 +++-
 open-isle-cli/src/views/PostPageView.vue     | 17 ++++++++++++-----
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/open-isle-cli/src/components/CommentItem.vue b/open-isle-cli/src/components/CommentItem.vue
index 40c67f775..97d8af419 100644
--- a/open-isle-cli/src/components/CommentItem.vue
+++ b/open-isle-cli/src/components/CommentItem.vue
@@ -130,7 +130,9 @@ const CommentItem = {
     }
     const copyCommentLink = () => {
       const link = `${location.origin}${location.pathname}#comment-${props.comment.id}`
-      navigator.clipboard.writeText(link)
+      navigator.clipboard.writeText(link).then(() => {
+        toast.success('已复制')
+      })
     }
     return { showReplies, toggleReplies, showEditor, toggleEditor, submitReply, copyCommentLink, renderMarkdown, isWaitingForReply }
   }
diff --git a/open-isle-cli/src/views/PostPageView.vue b/open-isle-cli/src/views/PostPageView.vue
index 6966ea5a5..118770402 100644
--- a/open-isle-cli/src/views/PostPageView.vue
+++ b/open-isle-cli/src/views/PostPageView.vue
@@ -89,7 +89,7 @@
 </template>
 
 <script>
-import { ref, computed, onMounted } from 'vue'
+import { ref, computed, onMounted, nextTick } from 'vue'
 import { useRoute } from 'vue-router'
 import CommentItem from '../components/CommentItem.vue'
 import CommentEditor from '../components/CommentEditor.vue'
@@ -200,15 +200,16 @@ export default {
     }
 
     const copyPostLink = () => {
-      navigator.clipboard.writeText(location.href.split('#')[0])
+      navigator.clipboard.writeText(location.href.split('#')[0]).then(() => {
+        toast.success('已复制')
+      })
     }
 
-    onMounted(() => {
-      fetchPost()
-      updateCurrentIndex()
+    const jumpToHashComment = async () => {
       const hash = location.hash
       if (hash.startsWith('#comment-')) {
         const id = hash.substring('#comment-'.length)
+        await nextTick()
         const el = document.getElementById('comment-' + id)
         if (el && mainContainer.value) {
           mainContainer.value.scrollTo({ top: el.offsetTop, behavior: 'instant' })
@@ -216,6 +217,12 @@ export default {
           setTimeout(() => el.classList.remove('comment-highlight'), 2000)
         }
       }
+    }
+
+    onMounted(async () => {
+      await fetchPost()
+      updateCurrentIndex()
+      await jumpToHashComment()
     })
 
     return {