GauthierWebDev/memento-dev
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

rework/lightweight #12

Merged
GauthierWebDev merged 106 commits from rework/lightweight into main 2025-04-21 16:27:38 +00:00
Conversation 0 Commits 106 Files Changed 251 +5 -15
2 changed files with 5 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 529ca5d5bd - Show all commits

15
app/layouts/DocsLayout.tsx
View File

@ -6,11 +6,8 @@ import { clientOnly } from "vike-solid/clientOnly";
import { clock } from "solid-heroicons/outline"; import { clock } from "solid-heroicons/outline";
import { navigation } from "@/libs/navigation"; import { navigation } from "@/libs/navigation";
import { Prose } from "@/components/Prose"; import { Prose } from "@/components/Prose";
import { MDXProvider } from "solid-jsx";
import { Icon } from "solid-heroicons"; import { Icon } from "solid-heroicons";
import QuickLinks from "@/components/QuickLinks";
type DocsLayoutProps = { type DocsLayoutProps = {
children: JSXElement; children: JSXElement;
}; };
@ -20,17 +17,15 @@ const TableOfContents = clientOnly(() =>
); );
export function DocsLayout(props: DocsLayoutProps) { export function DocsLayout(props: DocsLayoutProps) {
const { const pageContext = usePageContext();
exports: { frontmatter, readingTime },
} = usePageContext();
return ( return (
<MDXProvider components={{ QuickLinks, QuickLink: QuickLinks.QuickLink }}> <>
<div class="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 grow"> <div class="max-w-2xl min-w-0 flex-auto px-4 py-16 lg:max-w-none lg:pr-0 lg:pl-8 xl:px-16 grow">
<article> <article>
<DocsHeader <DocsHeader
title={frontmatter?.title} title={pageContext.exports.frontmatter?.title}
estimatedReadingTime={readingTime?.text} estimatedReadingTime={pageContext.exports.readingTime?.text}
/> />
<Prose>{props.children}</Prose> <Prose>{props.children}</Prose>
</article> </article>
@ -38,7 +33,7 @@ export function DocsLayout(props: DocsLayoutProps) {
</div> </div>
<TableOfContents fallback={null} /> <TableOfContents fallback={null} />
</MDXProvider> </>
); );
} }

5
app/pages/docs/Button.tsx
View File

@ -1,5 +0,0 @@
const Button = () => {
return <span>OK</span>;
};
export default Button;