share page markdown

packages/web/src/components/MarkdownView.tsx

@@ -0,0 +1,21 @@
+import { type JSX, splitProps, createResource } from "solid-js"
+import { marked } from "marked"
+import styles from "./markdownview.module.css"
+
+interface MarkdownViewProps extends JSX.HTMLAttributes<HTMLDivElement> {
+  markdown: string
+}
+
+function MarkdownView(props: MarkdownViewProps) {
+  const [local, rest] = splitProps(props, ["markdown"])
+  const [html] = createResource(async () => {
+    return marked.parse(local.markdown)
+  })
+
+  return (
+    <div innerHTML={html()} class={styles["markdown-body"]} {...rest} />
+  )
+}
+
+export default MarkdownView
+