Merge pull request #122 from Kinfe123/route-and-mdx-fix

Route and mdx fix

contentlayer.config.ts

@@ -7,6 +7,7 @@ import rehypeAutolinkHeadings from "rehype-autolink-headings"
 import rehypeCodeTitles from "rehype-code-titles"
 import rehypePrettyCode from "rehype-pretty-code"
 import rehypeSlug from "rehype-slug"
+import remarkGfm from "remark-gfm"
 
 const computedFields: ComputedFields = {
   slug: {
@@ -111,6 +112,7 @@ export default makeSource({
   contentDirPath: "./src/content",
   documentTypes: [Post, Author, Page],
   mdx: {
+    remarkPlugins: [remarkGfm],
     rehypePlugins: [
       [
         // @ts-expect-error rehype-pretty-code has no types
@@ -120,9 +122,6 @@ export default makeSource({
             dark: "one-dark-pro",
             light: "github-light",
           },
-          defaultLang: {
-            block: "typescript",
-          },
         },
       ],
       rehypeAutolinkHeadings,

package.json

@@ -83,6 +83,7 @@
     "react-medium-image-zoom": "^5.1.10",
     "react-syntax-highlighter": "^15.5.0",
     "react-textarea-autosize": "^8.5.3",
+    "remark-gfm": "3.0.1",
     "resend": "^3.0.0",
     "server-only": "^0.0.1",
     "sonner": "^1.3.1",
@@ -119,7 +120,6 @@
     "rehype-code-titles": "^1.2.0",
     "rehype-pretty-code": "^0.12.5",
     "rehype-slug": "^6.0.0",
-    "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
     "tailwindcss": "^3.4.1",
     "tsx": "^4.7.0",