diff --git a/components/prose/ProsePre.global.vue b/components/prose/ProsePre.global.vue
index 45bf32644a4d52e590239c8b35405495e45b37f3..d0d747e9c1500c2b12ff760fc34c28e56dbf6282 100644
--- a/components/prose/ProsePre.global.vue
+++ b/components/prose/ProsePre.global.vue
@@ -67,10 +67,7 @@ const handleRender = () => {
 }
 watch(()=> props.code, () => {
     handleRender();
-})
-onMounted(() => {
-    handleRender();
-})
+}, { immediate: true })
 </script>
 
 <style>
diff --git a/pages/md2.vue b/pages/md2.vue
new file mode 100644
index 0000000000000000000000000000000000000000..5b067d4effb39543a5352ec04e3aca558bcd6e05
--- /dev/null
+++ b/pages/md2.vue
@@ -0,0 +1,8 @@
+<template>
+    <div class="p-12">
+        <IMdMdc :content="data" />
+    </div>
+</template>
+<script setup>
+const { data } = await useFetch2('/api/mock/test')
+</script>
\ No newline at end of file