PostLayout.astro

---
import type { CollectionEntry } from "astro:content";
import BlogPost from "../components/BlogPost.astro";
import Navbar from "../components/Navbar.astro";
import BaseLayout from "./BaseLayout.astro";

interface Props {
  post: CollectionEntry<"blog">;
}
const { post } = Astro.props;
---

<BaseLayout title={`milan-codes - ${post.data.title}`}>
  <link
    rel="stylesheet"
    href="https://cdn.jsdelivr.net/npm/katex@0.15.2/dist/katex.min.css"
    integrity="sha384-MlJdn/WNKDGXveldHDdyRP1R4CTHr3FeuDNfhsLPYrq2t0UBkUdK2jyTnXPEK1NQ"
    crossorigin="anonymous"
  />
  <Navbar />
  <BlogPost post={post}>
    <slot />
  </BlogPost>
  <script
    src="https://giscus.app/client.js"
    data-repo="milan-codes/milan-codes.github.io"
    data-repo-id="R_kgDOI5_00w"
    data-category="Posts"
    data-category-id="DIC_kwDOI5_0084Csa0O"
    data-mapping="pathname"
    data-strict="0"
    data-reactions-enabled="1"
    data-emit-metadata="0"
    data-input-position="bottom"
    data-theme="preferred_color_scheme"
    data-lang="en"
    data-loading="lazy"
    crossorigin="anonymous"
    async></script>
</BaseLayout>