cosmicjs to markdown

src/layouts/BlogPost.astro

@@ -0,0 +1,18 @@
+---
+import Layout from "@layouts/Layout.astro";
+import BlogHeader from "@components/BlogHeader.astro";
+
+const { title, pubDate } = Astro.props.frontmatter;
+---
+
+<Layout title={title}>
+  <BlogHeader title={title} date={pubDate} />
+  <slot />
+</Layout>
+
+<style is:global>
+  img {
+    display: block;
+    margin: auto;
+  }
+</style>

src/layouts/Layout.astro

@@ -1,8 +1,8 @@
 ---
-import "../styles/global.css";
+import "@styles/global.css";
 
-import Header from "../components/Header.astro";
-import Footer from "../components/Footer.astro";
+import Header from "@components/Header.astro";
+import Footer from "@components/Footer.astro";
 
 export interface Props {
   title: string;