diff options
author | 2022-08-29 18:00:08 +0200 | |
---|---|---|
committer | 2022-08-29 12:00:08 -0400 | |
commit | feb88afb8c784e0db65be96073a1b0064e36128c (patch) | |
tree | 5addfda086b0a315ae92b684fe065fea8c7970c7 /examples/docs/src/components/PageContent/PageContent.astro | |
parent | 046bfd908de8bbfe9d24d1531260f1e6df03e912 (diff) | |
download | astro-feb88afb8c784e0db65be96073a1b0064e36128c.tar.gz astro-feb88afb8c784e0db65be96073a1b0064e36128c.tar.zst astro-feb88afb8c784e0db65be96073a1b0064e36128c.zip |
fix: improve docs example (#4355)
* fix: improve docs example
* final touches
* chore: prettier
* lockfile
* ci?
* downgrade types node
* fresh lockfile
* lockfile and npmrc
* remove debug log
* Merge branch 'main' into docs-template-ts
* merging lockfiles suck
* update lockfile
* satisfy linter
Diffstat (limited to 'examples/docs/src/components/PageContent/PageContent.astro')
-rw-r--r-- | examples/docs/src/components/PageContent/PageContent.astro | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/examples/docs/src/components/PageContent/PageContent.astro b/examples/docs/src/components/PageContent/PageContent.astro index 49a74ab70..c7c66c7fc 100644 --- a/examples/docs/src/components/PageContent/PageContent.astro +++ b/examples/docs/src/components/PageContent/PageContent.astro @@ -1,8 +1,16 @@ --- +import type { Frontmatter } from '../../config'; import MoreMenu from '../RightSidebar/MoreMenu.astro'; import TableOfContents from '../RightSidebar/TableOfContents'; +import type { MarkdownHeading } from 'astro'; -const { frontmatter, headings, githubEditUrl } = Astro.props; +type Props = { + frontmatter: Frontmatter; + headings: MarkdownHeading[]; + githubEditUrl: string; +}; + +const { frontmatter, headings, githubEditUrl } = Astro.props as Props; const title = frontmatter.title; --- @@ -10,7 +18,7 @@ const title = frontmatter.title; <section class="main-section"> <h1 class="content-title" id="overview">{title}</h1> <nav class="block sm:hidden"> - <TableOfContents client:media="(max-width: 50em)" {headings} /> + <TableOfContents client:media="(max-width: 50em)" headings={headings} /> </nav> <slot /> </section> |