feat(mdx): add new rehype/remark plugins

mateusfg7 · Dec 2, 2022 · 8da086d · 8da086d
1 parent dee2a74
commit 8da086d
Showing 1 changed file with 18 additions and 2 deletions.
diff --git a/contentlayer.config.js b/contentlayer.config.js
@@ -1,5 +1,10 @@
 import remarkGfm from 'remark-gfm'
+import remarkMath from 'remark-math'
 import rehypePrettyCode from 'rehype-pretty-code'
+import rehypeSlug from 'rehype-slug'
+import rehypeToc from 'rehype-toc'
+import rehypeKatex from 'rehype-katex'
+import rehypeAutolinkHeadings from 'rehype-autolink-headings'
 
 import { makeSource } from 'contentlayer/source-files'
 
@@ -10,7 +15,18 @@ export default makeSource({
   contentDirPath: 'content',
   documentTypes: [Post],
   mdx: {
-    remarkPlugins: [[remarkGfm]],
-    rehypePlugins: [[rehypePrettyCode, rehypePrettyCodeOptions]]
+    remarkPlugins: [remarkGfm, remarkMath],
+    rehypePlugins: [
+      [rehypePrettyCode, rehypePrettyCodeOptions],
+      rehypeSlug,
+      rehypeToc,
+      rehypeKatex,
+      [
+        rehypeAutolinkHeadings,
+        {
+          behavior: 'wrap'
+        }
+      ]
+    ]
   }
 })