markdown: re-enable code highlighting

client/lib/render-markdown.tsx

@@ -60,20 +60,20 @@ renderer.listitem = (text, task, checked) => {
     return `<li>${text}</li>`
 }
 
-// renderer.code = (code: string, language: string) => {
+renderer.code = (code: string, language: string) => {
-//     return renderToStaticMarkup(
+    return renderToStaticMarkup(
-//         <pre>
+        <pre>
-//             {/* {title && <code>{title} </code>} */}
+            {/* {title && <code>{title} </code>} */}
-//             {/* {language && title && <code style={{}}> {language} </code>} */}
+            {/* {language && title && <code style={{}}> {language} </code>} */}
-//             <Code
+            <Code
-//                 language={language}
+                language={language}
-//                 // title={title}
+                // title={title}
-//                 code={code}
+                code={code}
-//             // highlight={highlight}
+            // highlight={highlight}
-//             />
+            />
-//         </pre>
+        </pre>
-//     )
+    )
-// }
+}
 
 marked.setOptions({
     gfm: true,

server/src/lib/render-markdown.tsx

@@ -1,4 +1,4 @@
-import { marked } from 'marked'
+import { marked, Lexer } from 'marked'
 import Highlight, { defaultProps, Language, } from 'prism-react-renderer'
 import { renderToStaticMarkup } from 'react-dom/server'
 
@@ -95,8 +95,7 @@ const Code = ({ code, language, highlight, title, ...props }: {
     if (!language)
         return (
             <>
-                <code {...props} dangerouslySetInnerHTML={{ __html: code }
+                <code {...props} dangerouslySetInnerHTML={{ __html: code }} />
-                } />
             </>
         )