Fix markdown component not rendering anything

This commit is contained in:
jwr1 2024-11-27 22:07:16 -05:00
parent fb2f3069e7
commit df3785b3b9
4 changed files with 1305 additions and 1515 deletions

View file

@ -8,26 +8,26 @@
"initdata": "node ./src/initdata.js" "initdata": "node ./src/initdata.js"
}, },
"dependencies": { "dependencies": {
"@iconify-json/material-symbols": "^1.2.1", "@iconify-json/material-symbols": "^1.2.8",
"@iconify-json/simple-icons": "^1.2.4", "@iconify-json/simple-icons": "^1.2.13",
"@kobalte/core": "^0.13.6", "@kobalte/core": "^0.13.7",
"@solidjs/router": "^0.14.6", "@solidjs/router": "^0.15.1",
"@solidjs/start": "^1.0.6", "@solidjs/start": "^1.0.10",
"autoprefixer": "^10.4.20", "autoprefixer": "^10.4.20",
"class-variance-authority": "^0.7.0", "class-variance-authority": "^0.7.1",
"clsx": "^2.1.1", "clsx": "^2.1.1",
"postcss": "^8.4.47", "postcss": "^8.4.49",
"remark-gfm": "^4.0.0", "remark-gfm": "^4.0.0",
"solid-js": "^1.9.1", "solid-js": "^1.9.3",
"solid-markdown": "^2.0.14", "solid-markdown": "^2.0.14",
"tailwind-merge": "^2.5.2", "tailwind-merge": "^2.5.5",
"tailwindcss": "^3.4.13", "tailwindcss": "^3.4.15",
"tailwindcss-animate": "^1.0.7", "tailwindcss-animate": "^1.0.7",
"unplugin-icons": "^0.19.3", "unplugin-icons": "^0.20.2",
"vinxi": "^0.4.3" "vinxi": "^0.4.3"
}, },
"engines": { "engines": {
"node": ">=18" "node": ">=18"
}, },
"packageManager": "pnpm@9.4.0+sha512.f549b8a52c9d2b8536762f99c0722205efc5af913e77835dbccc3b0b0b2ca9e7dc8022b78062c17291c48e88749c70ce88eb5a74f1fa8c4bf5e18bb46c8bd83a" "packageManager": "pnpm@9.14.2"
} }

2768
pnpm-lock.yaml generated

File diff suppressed because it is too large Load diff

View file

@ -1,10 +1,13 @@
import { clientOnly } from '@solidjs/start'; import remarkGfm from 'remark-gfm';
import { ParentComponent } from 'solid-js'; import { Component } from 'solid-js';
import { SolidMarkdown } from 'solid-markdown';
const ClientOnlyComp = clientOnly(() => import('./MarkdownInner')); const Markdown: Component<{ children: string }> = (props) => {
return (
const Markdown: ParentComponent = (props) => { <SolidMarkdown class="text-left markdown" remarkPlugins={[remarkGfm]}>
return <ClientOnlyComp>{props.children}</ClientOnlyComp>; {props.children}
</SolidMarkdown>
);
}; };
export default Markdown; export default Markdown;

View file

@ -1,13 +0,0 @@
import remarkGfm from 'remark-gfm';
import { ParentComponent } from 'solid-js';
import { SolidMarkdown } from 'solid-markdown';
const MarkdownInner: ParentComponent = (props) => {
return (
<SolidMarkdown class="text-left markdown" remarkPlugins={[remarkGfm]}>
{props.children as string}
</SolidMarkdown>
);
};
export default MarkdownInner;