Complete V2 user H5 flow

ai_knowledge_base_v2/apps/user-client/src/components/ChatMessage.vue

@@ -1,16 +1,31 @@
 <script setup lang="ts">
-defineProps<{
+import MarkdownIt from "markdown-it";
+import { computed } from "vue";
+
+const props = defineProps<{
   role: "user" | "assistant";
   content: string;
   streaming?: boolean;
 }>();
+
+const markdown = new MarkdownIt({
+  breaks: true,
+  html: false,
+  linkify: true,
+});
+
+const renderedContent = computed(() => {
+  if (props.role === "user") return props.content;
+  return markdown.render(props.content || "");
+});
 </script>
 
 <template>
   <article class="message" :class="role">
     <div class="avatar">{{ role === "assistant" ? "AI" : "我" }}</div>
     <div class="bubble">
-      <div class="content">{{ content }}</div>
+      <div v-if="role === 'assistant'" class="content markdown-content" v-html="renderedContent"></div>
+      <div v-else class="content">{{ renderedContent }}</div>
       <span v-if="streaming" class="typing">正在生成</span>
     </div>
   </article>