chore: remove ugly workaround

package.json

@@ -27,16 +27,14 @@
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.0",
     "remark-math": "^6.0.0",
-    "remark-parse": "^11.0.0",
     "reveal.js": "^5.1.0",
     "solid-js": "^1.9.1",
     "solid-markdown": "^2.0.13",
     "solid-toast": "^0.5.0",
     "solidjs-use": "^2.3.0",
     "svelte": "^4.2.19",
     "svelte-sonner": "^0.3.28",
-    "tiktoken": "^1.0.16",
-    "unified": "^11.0.5"
+    "tiktoken": "^1.0.16"
   },
   "devDependencies": {
     "@evan-yang/eslint-config": "^1.0.9",
@@ -59,5 +57,10 @@
     "svelte-ripple-action": "^1.0.6",
     "unocss": "^0.63.1",
     "unocss-preset-scrollbar": "^0.3.1"
+  },
+  "overrides": {
+    "remark-gfm": "^4.0.0",
+    "remark-parse": "^11.0.0",
+    "unified": "^11.0.5"
   }
 }

src/components/MessageItem.tsx

@@ -4,8 +4,6 @@ import rehypeKatex from 'rehype-katex'
 import rehypeHighlight from 'rehype-highlight'
 import { SolidMarkdown } from 'solid-markdown'
 import remarkBreaks from 'remark-breaks'
-import { unified } from 'unified'
-import remarkParse from 'remark-parse'
 import IconRefresh from './icons/Refresh'
 import CodeBlock from './CodeBlock'
 import type { Accessor } from 'solid-js'
@@ -36,8 +34,6 @@ export default ({ role, message, showRetry, onRetry }: Props) => {
       : markdown
   }
 
-  unified().use(remarkParse) // a weird workaround to fix a strange bug in solid-markdown that "setting on undefined" error
-
   return (
     <div class="px-20 transition-colors -mx-20 hover:bg-$c-fg-2 2xl:(px-20 -mx-20) md:(px-5 transition-background-color -mx-5)">
       <div class="py-0.5 transition-padding 2xl:py-2 md:py-1">