From 4f474504c8e000428fd1c9d715fac826cb1f2fb8 Mon Sep 17 00:00:00 2001
From: Aresn <admin@aresn.com>
Date: Tue, 21 May 2024 15:06:21 +0800
Subject: [PATCH] Update ProsePre.global.vue

---
 components/prose/ProsePre.global.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/components/prose/ProsePre.global.vue b/components/prose/ProsePre.global.vue
index 37ad211..ac05f86 100644
--- a/components/prose/ProsePre.global.vue
+++ b/components/prose/ProsePre.global.vue
@@ -9,7 +9,7 @@
         />
     </pre>
     <UDivider :ui="{ border: { base: 'border-gray-700' } }" />
-    <pre :class="$props.class" class="m-0 rounded-tl-none rounded-tr-none"><code ref="codeBlock">{{ code }}</code></pre>
+    <pre :class="$props.class" class="m-0 rounded-tl-none rounded-tr-none"><code v-html="codeBlock"></code></pre>
 </template>
 
 <script setup>
@@ -55,9 +55,9 @@ const handleCopy = () => {
 }
 const codeBlock = ref(null)
 const handleRender = () => {
-    if (codeBlock.value) {
-        codeBlock.value.textContent = props.code
-        hljs.highlightElement(codeBlock.value)
+    if (props.language) {
+        const lang = props.language === 'vue' ? 'html' : props.language
+        codeBlock.value = hljs.highlight(lang, props.code, true).value
     }
 }
 watch(()=> props.code, () => {
-- 
GitLab