Add custom Horizontal Rule renderer

sneakycrow · Oct 14, 2024 · c5569f1 · c5569f1
1 parent 5552304
commit c5569f1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/lib/components/post/HorizontalRule.svelte b/src/lib/components/post/HorizontalRule.svelte
@@ -0,0 +1 @@
+<hr class="divider dark:border-white/25 border-black/25" />
diff --git a/src/lib/components/post/MarkdownRenderer.svelte b/src/lib/components/post/MarkdownRenderer.svelte
@@ -6,6 +6,7 @@
   import Paragraph from "./Paragraph.svelte";
   import Image from "./Image.svelte";
   import Link from "./Link.svelte";
+  import HorizontalRule from "./HorizontalRule.svelte";
   import SvelteMarkdown from "svelte-markdown";
 
   export let source: string;
@@ -19,7 +20,8 @@
     heading: Heading,
     list: List,
     image: Image,
-    link: Link
+    link: Link,
+    hr: HorizontalRule
   }}
   {source}
 />
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<hr class="divider dark:border-white/25 border-black/25" />