Add remark-gfm plugin to markdown renderer (#4)

Co-authored-by: jwr1 <47087725+jwr1@users.noreply.github.com>
This commit is contained in:
Melroy van den Berg 2024-11-28 11:32:29 +01:00 committed by GitHub
parent 64183324b3
commit 252c1a0ed6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 1717 additions and 1906 deletions

View file

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

3571
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 { ParentComponent } from 'solid-js';
import remarkGfm from 'remark-gfm';
import { Component } from 'solid-js';
import { SolidMarkdown } from 'solid-markdown';
const ClientOnlyComp = clientOnly(() => import('./MarkdownInner'));
const Markdown: ParentComponent = (props) => {
return <ClientOnlyComp>{props.children}</ClientOnlyComp>;
const Markdown: Component<{ children: string }> = (props) => {
return (
<SolidMarkdown class="text-left markdown" remarkPlugins={[remarkGfm]}>
{props.children}
</SolidMarkdown>
);
};
export default Markdown;

View file

@ -1,10 +0,0 @@
import { ParentComponent } from 'solid-js';
import { SolidMarkdown } from 'solid-markdown';
const MarkdownInner: ParentComponent = (props) => {
return (
<SolidMarkdown class="text-left markdown">{props.children}</SolidMarkdown>
);
};
export default MarkdownInner;