diff --git a/components/prose/ProsePre.global.vue b/components/prose/ProsePre.global.vue
index 550291885a1b2b69f29ea4e23c1a868004a6f9cd..37ad211ccacb573b5e1bf6bd75f36b3d3db7101b 100644
--- a/components/prose/ProsePre.global.vue
+++ b/components/prose/ProsePre.global.vue
@@ -60,8 +60,11 @@ const handleRender = () => {
         hljs.highlightElement(codeBlock.value)
     }
 }
+watch(()=> props.code, () => {
+    handleRender();
+})
 onMounted(() => {
-    handleRender()
+    handleRender();
 })
 </script>
 
@@ -69,4 +72,7 @@ onMounted(() => {
 pre code .line {
     display: block;
 }
+.hljs {
+    background: transparent;
+}
 </style>
\ No newline at end of file