Compare commits

..

2 Commits

2 changed files with 10 additions and 19 deletions

View File

@ -1,44 +1,40 @@
import type { JSXElement } from "solid-js"; import type { JSXElement } from "solid-js";
import { TableOfContents } from "@/partials/TableOfContents";
import { PrevNextLinks } from "@/components/PrevNextLinks"; import { PrevNextLinks } from "@/components/PrevNextLinks";
import { usePageContext } from "vike-solid/usePageContext"; import { usePageContext } from "vike-solid/usePageContext";
import { clientOnly } from "vike-solid/clientOnly"; 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;
}; };
const TableOfContents = clientOnly(() => // const TableOfContents = clientOnly(() =>
import("@/partials/TableOfContents").then((m) => m.TableOfContents), // import("@/partials/TableOfContents").then((m) => m.TableOfContents),
); // );
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>
<PrevNextLinks /> <PrevNextLinks />
</div> </div>
<TableOfContents fallback={null} /> <TableOfContents />
</MDXProvider> </>
); );
} }

View File

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