diff --git a/src/pages/home/components/ChatMarkdown/index.vue b/src/pages/home/components/ChatMarkdown/index.vue
index e6ee6b6..3e2bdd7 100644
--- a/src/pages/home/components/ChatMarkdown/index.vue
+++ b/src/pages/home/components/ChatMarkdown/index.vue
@@ -1,11 +1,12 @@
 <template>
-  <div class="container">
-    <zero-markdown-div :markdown="text" :aiMode="true"></zero-markdown-div>
+  <div class="w-full">
+    <vue3-markdown-it :source="text" :html="true" />
   </div>
 </template>
 
 <script setup>
 import { defineProps } from "vue";
+import Vue3MarkdownIt from 'vue3-markdown-it';
 
 defineProps({
   text: {
@@ -15,14 +16,4 @@ defineProps({
 });
 </script>
 
-<style scoped>
-.container {
-  width: 100%;
-}
-
-.container ::v-deep image,
-.container ::v-deep video,
-.container ::v-deep iframe {
-  width: 100% !important;
-}
-</style>
+<style scoped></style>