From d67f3514eff4f45ad1ca84cde6465e622acd4dcc Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Thu, 7 Sep 2023 21:28:37 -0500
Subject: Scoped global styling to all markdown

Make React compatible with markdown-style HTML by added components
with identical styling to markdown. This is done while CSS scoping
is maintained. Additional style is loaded through the markdown loader
by injecting default-styling tags into the components. This allows
default-margin to be added to these elements in addition to the styling
found in the React elements. The homepage reflects the domain, as defined
by an environmental variable.
---
 utils/Posts.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'utils/Posts.tsx')

diff --git a/utils/Posts.tsx b/utils/Posts.tsx
index 4b252da..291ea41 100644
--- a/utils/Posts.tsx
+++ b/utils/Posts.tsx
@@ -5,10 +5,13 @@ import { Marked } from 'marked';
 import { markedHighlight } from 'marked-highlight';
 import markedOptions from './markedOptions';
 
+import { renderer, hooks } from '../loaders/marked-renderer.js';
+
 const hljs = require('highlight.js');
 
 const marker = new Marked(
-  markedHighlight(markedOptions)
+  markedHighlight(markedOptions),
+  { renderer, hooks }
 );
 
 interface PostMetadata {
-- 
cgit v1.2.3

