update

frontend/src/components/TopicDetail.vue

@@ -1,9 +1,21 @@
 <script setup>
 import { computed, ref, watch, nextTick, onMounted, onUnmounted } from 'vue'
 import { marked } from 'marked'
+import { markedHighlight } from 'marked-highlight'
+import hljs from 'highlight.js'
+import 'highlight.js/styles/github-dark.css'
 import DOMPurify from 'dompurify'
 import { fetchGuideContent, chatGuide, fetchProgress, setProgress } from '../api.js'
 
+marked.use(markedHighlight({
+  langPrefix: 'hljs language-',
+  highlight(code, lang) {
+    if (lang && hljs.getLanguage(lang)) {
+      return hljs.highlight(code, { language: lang }).value
+    }
+    return hljs.highlightAuto(code).value
+  },
+}))
 marked.setOptions({ breaks: true, gfm: true })
 
 function renderMarkdown(text) {