From 8c4d92dab7a9c5188da2a1e5a8b349ecb1efec66 Mon Sep 17 00:00:00 2001
From: Maxime Cannoodt <Maxime.Cannoodt@UGent.be>
Date: Fri, 24 Jun 2022 14:06:11 +0200
Subject: [PATCH] blockquotes

---
 webapp/src/lib/components/MarkdownRenderer.svelte | 4 +++-
 webapp/src/lib/marked/renderers/Blockquote.svelte | 3 +++
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 webapp/src/lib/marked/renderers/Blockquote.svelte

diff --git a/webapp/src/lib/components/MarkdownRenderer.svelte b/webapp/src/lib/components/MarkdownRenderer.svelte
index 376f9b9..dd5e6c1 100644
--- a/webapp/src/lib/components/MarkdownRenderer.svelte
+++ b/webapp/src/lib/components/MarkdownRenderer.svelte
@@ -9,6 +9,7 @@
 	import Tag from '$lib/marked/renderers/Tag.svelte';
 	import Highlight from '$lib/marked/renderers/Highlight.svelte';
 	import InternalEmbed from '$lib/marked/renderers/InternalEmbed.svelte';
+	import Blockquote from '$lib/marked/renderers/Blockquote.svelte';
 
 	export let plaintext: string;
 
@@ -32,7 +33,8 @@ prose-blockquote:first:before:content-['']"
 			'internal-link': InternalLink,
 			'internal-embed': InternalEmbed,
 			tag: Tag,
-			highlight: Highlight
+			highlight: Highlight,
+			blockquote: Blockquote
 		}}
 		source={plaintext}
 		{options}
diff --git a/webapp/src/lib/marked/renderers/Blockquote.svelte b/webapp/src/lib/marked/renderers/Blockquote.svelte
new file mode 100644
index 0000000..b41fb6e
--- /dev/null
+++ b/webapp/src/lib/marked/renderers/Blockquote.svelte
@@ -0,0 +1,3 @@
+<p class="border border-l-4 ml-4 prose-p:my-2 prose-p:mx-4">
+	<slot />
+</p>