feat: work on highlighting and displaying language snippets

2023-04-11 22:45:48 -05:00
parent c87b2a39e8
commit 5f4d4f656e
8 changed files with 202 additions and 27 deletions
@@ -0,0 +1,24 @@
+import Prism from 'prismjs';
+import 'prismjs/components/prism-bash';
+import 'prismjs/components/prism-json';
+import './prism-custom.css';
+
+export default function Fence({
+  content,
+  language,
+}: {
+  content: string;
+  language: string;
+}) {
+  const html = Prism.highlight(
+    content,
+    Prism.languages[language],
+    language
+  );
+  return (
+    <code
+      className={`language-${language}`}
+      dangerouslySetInnerHTML={{ __html: html }}
+    ></code>
+  );
+}