aurora/src/layouts/ArticleLayout.astro

---
const { id, title, description, publicationDate, headings } = Astro.props;

import PageLayout from "./PageLayout.astro";
import TableOfContents from "../components/TableOfContents.svelte";
import PublicationDate from "../components/PublicationDate.astro";
---

<PageLayout {title} {description}>
  <TableOfContents slot="nav" client:only="svelte" {headings} />
  <Fragment slot="header">
    <p>
      Published on
      <PublicationDate {publicationDate} />
    </p>
    <a
      href={`https://github.com/thiloho/aurora/edit/main/src/content/blog/${id}`}
      >Edit this page</a
    >
  </Fragment>
  <slot />
</PageLayout>