diff options
Diffstat (limited to 'apps/web')
| -rw-r--r-- | apps/web/components/ui/markdown-component.tsx | 3 | ||||
| -rw-r--r-- | apps/web/package.json | 1 |
2 files changed, 3 insertions, 1 deletions
diff --git a/apps/web/components/ui/markdown-component.tsx b/apps/web/components/ui/markdown-component.tsx index d567ddb3..d3c832ac 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 remarkBreaks from "remark-breaks";
import remarkGfm from "remark-gfm";
function PreWithCopyBtn({ className, ...props }: React.ComponentProps<"pre">) {
@@ -28,7 +29,7 @@ export function MarkdownComponent({ }) {
return (
<Markdown
- remarkPlugins={[remarkGfm]}
+ remarkPlugins={[remarkGfm, remarkBreaks]}
className="prose dark:prose-invert"
components={{
pre({ ...props }) {
diff --git a/apps/web/package.json b/apps/web/package.json index 0d967e8d..e6691563 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -66,6 +66,7 @@ "react-masonry-css": "^1.0.16", "react-select": "^5.8.0", "react-syntax-highlighter": "^15.5.0", + "remark-breaks": "^4.0.0", "remark-gfm": "^4.0.0", "sharp": "^0.33.3", "superjson": "^2.2.1", |