Compare commits
2 Commits
364c548aa8
...
e2ad0bb5f9
| Author | SHA1 | Date | |
|---|---|---|---|
| e2ad0bb5f9 | |||
| 529ca5d5bd |
@ -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>
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@ -1,5 +0,0 @@
|
|||||||
const Button = () => {
|
|
||||||
return <span>OK</span>;
|
|
||||||
};
|
|
||||||
|
|
||||||
export default Button;
|
|
||||||
Loading…
Reference in New Issue
Block a user