fix: backticks not getting rendered in docs (#2566)

* issue #2562 fix this fix is for issue #2562 where I have set transformInLineCode to true * Update globals.css * Update next.config.mjs Co-authored-by: Tom Schmelzer <[email protected]>
EddieHubCommunity · Jan 23, 2023 · 7cca1ac · 7cca1ac
1 parent 166f42d
commit 7cca1ac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/next.config.mjs b/next.config.mjs
@@ -42,7 +42,7 @@ const nextConfig = {
 const withMDX = createMDX({
   extension: /\.mdx?$/,
   options: {
-    remarkPlugins: [remarkGfm, remarkPrism],
+    remarkPlugins: [remarkGfm, [remarkPrism, {transformInlineCode: true}]],
     rehypePlugins: [],
   },
 });

diff --git a/styles/globals.css b/styles/globals.css
@@ -17,6 +17,10 @@ a {
   box-sizing: border-box;
 }
 
+code.language-unknown::before, code.language-unknown::after {
+  content: ""
+}
+
 @tailwind base;
 @tailwind components;
 @tailwind utilities;