feat(MDX): add basic MDX support

issue #614
sabertazimi · Apr 25, 2022 · a9eaef3 · a9eaef3
1 parent b229f02
commit a9eaef3
Show file tree

Hide file tree

Showing 17 changed files with 1,472 additions and 721 deletions.
diff --git a/__mocks__/data.ts b/__mocks__/data.ts
@@ -47,7 +47,9 @@ const basePosts = Array.from(Array(5).keys()).map(index => ({
   timeToRead: index + 1,
   prevPost: null,
   nextPost: null,
-  source: `## ${index + 1} Basic Notes`,
+  source: {
+    compiledSource: `## ${index + 1} Basic Notes`,
+  },
 }));
 
 const posts = basePosts.map((post, index) => ({

diff --git a/components/Article/Article.tsx b/components/Article/Article.tsx
@@ -30,7 +30,7 @@ const Article = ({
     prevPost,
     nextPost,
     toc,
-    html,
+    source,
   } = post;
 
   const postMeta = {
@@ -52,8 +52,8 @@ const Article = ({
     <div>
       <ArticleHeader post={postMeta} />
       <Container className="max-w-screen-lg px-6">
-        <ArticleToc toc={toc as string} />
-        <ArticleContent content={html as string} />
+        <ArticleToc toc={toc} />
+        <ArticleContent source={source} />
         <ArticleDivider>{subtitle || 'Blog'}</ArticleDivider>
         <ArticleNav prevPost={prevPost} nextPost={nextPost} />
         <ArticleDivider>