diff options
Diffstat (limited to 'examples/with-markdoc/src')
| -rw-r--r-- | examples/with-markdoc/src/components/DocsContent.astro | 32 | ||||
| -rw-r--r-- | examples/with-markdoc/src/pages/index.astro | 19 |
2 files changed, 13 insertions, 38 deletions
diff --git a/examples/with-markdoc/src/components/DocsContent.astro b/examples/with-markdoc/src/components/DocsContent.astro deleted file mode 100644 index 162c1fc6d..000000000 --- a/examples/with-markdoc/src/components/DocsContent.astro +++ /dev/null @@ -1,32 +0,0 @@ ---- -import Aside from './Aside.astro'; -import type { CollectionEntry } from 'astro:content'; - -type Props = { - entry: CollectionEntry<'docs'>; -}; - -const { entry } = Astro.props; -const { Content } = await entry.render(); ---- - -<Content - components={{ - // Pass a mapping from the component name - // To an Astro or UI component import - // See your `astro.config.mjs` for - // for the Markdoc tag mapping - Aside, - }} -/> - -<style is:global> - table { - margin-block: 2rem; - margin-inline: auto; - } - table td { - padding-block: 0.3rem; - padding-inline: 0.5rem; - } -</style> diff --git a/examples/with-markdoc/src/pages/index.astro b/examples/with-markdoc/src/pages/index.astro index 01412cce1..7efcbeda8 100644 --- a/examples/with-markdoc/src/pages/index.astro +++ b/examples/with-markdoc/src/pages/index.astro @@ -1,18 +1,25 @@ --- import { getEntryBySlug } from 'astro:content'; -import DocsContent from '../components/DocsContent.astro'; import Layout from '../layouts/Layout.astro'; const intro = await getEntryBySlug('docs', 'intro'); +const { Content } = await intro.render(); --- <Layout title={intro.data.title}> <main> <h1>{intro.data.title}</h1> - <!-- `DocsContent` is a thin wrapper around --> - <!-- the `Content` component provided by Content Collections, --> - <!-- with added configuration for components. --> - <!-- This allows you to share global components wherever you render your Markdoc. --> - <DocsContent entry={intro} /> + <Content variables={{ revealSecret: true }} /> </main> </Layout> + +<style is:global> + table { + margin-block: 2rem; + margin-inline: auto; + } + table td { + padding-block: 0.3rem; + padding-inline: 0.5rem; + } +</style> |