fix: topic detail page TOC

Author: KunMoe

components/kun/icon/Markdown.vue

@@ -0,0 +1,14 @@
+<template>
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="15"
+    height="15"
+    viewBox="0 0 15 15"
+    v-bind="$attrs"
+  >
+    <path
+      fill="currentColor"
+      d="m2.5 5.5l.354-.354A.5.5 0 0 0 2 5.5zm2 2l-.354.354l.354.353l.354-.353zm2-2H7a.5.5 0 0 0-.854-.354zm4 4l-.354.354l.354.353l.354-.353zM1.5 3h12V2h-12zm12.5.5v8h1v-8zm-.5 8.5h-12v1h12zM1 11.5v-8H0v8zm.5.5a.5.5 0 0 1-.5-.5H0A1.5 1.5 0 0 0 1.5 13zm12.5-.5a.5.5 0 0 1-.5.5v1a1.5 1.5 0 0 0 1.5-1.5zM13.5 3a.5.5 0 0 1 .5.5h1A1.5 1.5 0 0 0 13.5 2zm-12-1A1.5 1.5 0 0 0 0 3.5h1a.5.5 0 0 1 .5-.5zM3 10V5.5H2V10zm-.854-4.146l2 2l.708-.708l-2-2zm2.708 2l2-2l-.708-.708l-2 2zM6 5.5V10h1V5.5zm4-.5v4.5h1V5zM8.146 7.854l2 2l.708-.708l-2-2zm2.708 2l2-2l-.708-.708l-2 2z"
+    />
+  </svg>
+</template>

components/kun/milkdown/Editor.vue

@@ -173,7 +173,16 @@ watch(
 
       <div class="flex items-center justify-between text-sm">
         <slot name="footer" />
-        <span> {{ `${textCount} 字` }} </span>
+
+        <div class="flex items-center gap-2">
+          <KunBadge color="success">
+            <KunIconMarkdown />
+            Markdown 支持
+          </KunBadge>
+          <span>
+            {{ `${textCount} 字` }}
+          </span>
+        </div>
       </div>
     </template>
   </div>

components/topic/reply/Reply.vue

@@ -33,12 +33,18 @@ watch(
     }
   }
 )
+
+const replyContent = computed(() => {
+  const targetsContent = props.reply.targets.map((t) => t.replyContentMarkdown)
+  const content = props.reply.contentMarkdown + targetsContent.join('')
+  return markdownToText(content).slice(0, 20)
+})
 </script>
 
 <template>
   <div
     class="outline-primary kun-reply flex justify-between gap-3 outline-offset-2"
-    :id="`k${reply.floor}`"
+    :id="`${reply.floor}.${replyContent}`"
   >
     <TopicDetailUser :user="reply.user" />
 

components/topic/reply/ReplyList.vue

@@ -58,7 +58,6 @@ const loadQuotedReply = async (
     <TopicReply
       v-for="reply in replies"
       :key="reply.id"
-      :id="`k${reply.floor}`"
       :reply="reply"
       :title="title"
       :is-loading-target="isLoadingReply"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "kun-galgame-nuxt3",
-  "version": "4.0.8",
+  "version": "4.0.9",
   "packageManager": "pnpm@10.4.1",
   "private": true,
   "scripts": {

styles/editor.css

@@ -7,7 +7,7 @@
 }
 
 .milkdown .ProseMirror {
-  @apply border-default-200 focus:ring-primary-200 focus:border-primary-500 min-h-[300px] rounded-lg border p-4 transition-colors duration-200 focus:ring-2 focus:outline-none;
+  @apply focus:border-primary-500 border-default-200 focus:ring-primary-500 min-h-[300px] rounded-lg border p-4 shadow-sm transition-colors duration-200 focus:ring-1 focus:outline-none;
 }
 
 .milkdown h1,