feature: Add github markdown support which includes tables, checklists and auto links #300 (#302)

added the possibility to add checkboxes

1 files changed, 2 insertions, 0 deletions

diff --git a/apps/web/components/ui/markdown-component.tsx b/apps/web/components/ui/markdown-component.tsx
index f92cb3a3..d567ddb3 100644
--- a/apps/web/components/ui/markdown-component.tsx
+++ b/apps/web/components/ui/markdown-component.tsx
@@ -4,6 +4,7 @@ import { cn } from "@/lib/utils";
 import Markdown from "react-markdown";

 import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";

 import { dracula } from "react-syntax-highlighter/dist/cjs/styles/prism";

+import remarkGfm from "remark-gfm";

 

 function PreWithCopyBtn({ className, ...props }: React.ComponentProps<"pre">) {

   const ref = React.useRef<HTMLPreElement>(null);

@@ -27,6 +28,7 @@ export function MarkdownComponent({
 }) {

   return (

     <Markdown

+      remarkPlugins={[remarkGfm]}

       className="prose dark:prose-invert"

       components={{

         pre({ ...props }) {