diff options
Diffstat (limited to 'ui/lib/components')
| -rw-r--r-- | ui/lib/components/Message.svelte | 7 |
1 files changed, 5 insertions, 2 deletions
diff --git a/ui/lib/components/Message.svelte b/ui/lib/components/Message.svelte index 75e4cc9..c9dd301 100644 --- a/ui/lib/components/Message.svelte +++ b/ui/lib/components/Message.svelte @@ -1,9 +1,12 @@ <script> - import SvelteMarkdown from 'svelte-markdown'; + import { marked } from 'marked'; + import DOMPurify from 'dompurify'; export let at; export let body; + let renderedBody = DOMPurify.sanitize(marked.parse(body)); + let scroll = (message) => { message.scrollIntoView(); } @@ -12,7 +15,7 @@ <div class="message relative"> <span class="timestamp chip variant-soft absolute top-0 right-0">{at}</span> <section use:scroll class="py-1"> - <SvelteMarkdown source={body} /> + {@html renderedBody} </section> </div> |