detect callouts

webapp/src/lib/marked/renderers/Blockquote.svelte

@@ -1,3 +1,13 @@
-<p class="border border-l-4 ml-4 prose-p:my-2 prose-p:mx-4">
+<script lang="ts">
+	export let raw: string;
+
+	let isCallout = raw.split('\n')[0].match(/>\s?\[!(.+)\]\s(.*) /) != null;
+</script>
+
+{#if isCallout}
+	<p>IS CALLOUT!!</p>
+{:else}
+	<p class="border border-l-4 ml-4 prose-p:my-2 prose-p:mx-4">
 		<slot />
-</p>
+	</p>
+{/if}