refactor(chat-markdown): switch markdown renderer to vue3-markdown-it
update wrapper class to w-full and remove outdated scoped styles
This commit is contained in:
@@ -1,11 +1,12 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="container">
|
<div class="w-full">
|
||||||
<zero-markdown-div :markdown="text" :aiMode="true"></zero-markdown-div>
|
<vue3-markdown-it :source="text" :html="true" />
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { defineProps } from "vue";
|
import { defineProps } from "vue";
|
||||||
|
import Vue3MarkdownIt from 'vue3-markdown-it';
|
||||||
|
|
||||||
defineProps({
|
defineProps({
|
||||||
text: {
|
text: {
|
||||||
@@ -15,14 +16,4 @@ defineProps({
|
|||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped></style>
|
||||||
.container {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.container ::v-deep image,
|
|
||||||
.container ::v-deep video,
|
|
||||||
.container ::v-deep iframe {
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
|
|||||||
Reference in New Issue
Block a user