Update PostLayout.astro

src/layouts/PostLayout.astro

@@ -14,7 +14,9 @@ type Props = {
 };
 
 const { site } = config;
-const { title, description, ogImage, canonicalURL, pubDatetime, modDatetime } = Astro.props;
+
+const { title, description, ogImage, canonicalURL, pubDatetime, modDatetime } =
+  Astro.props;
 
 const structuredData = {
   "@context": "https://schema.org",
@@ -23,16 +25,42 @@ const structuredData = {
   image: ogImage,
   ...(pubDatetime && { datePublished: pubDatetime.toISOString() }),
   ...(modDatetime && { dateModified: modDatetime.toISOString() }),
-  author: [{ "@type": "Person", name: site.author, ...(site.profile && { url: site.profile }) }],
+  author: [
+    {
+      "@type": "Person",
+      name: site.author,
+      ...(site.profile && { url: site.profile }),
+    },
+  ],
 };
 ---
 
 <Layout {title} {description} {ogImage} {canonicalURL}>
   <Fragment slot="head">
     <meta property="og:type" content="article" />
-    {pubDatetime && <meta property="article:published_time" content={pubDatetime.toISOString()} />}
-    {modDatetime && <meta property="article:modified_time" content={modDatetime.toISOString()} />}
-    <script type="application/ld+json" is:inline set:html={JSON.stringify(structuredData)} />
+
+    {
+      pubDatetime && (
+        <meta
+          property="article:published_time"
+          content={pubDatetime.toISOString()}
+        />
+      )
+    }
+    {
+      modDatetime && (
+        <meta
+          property="article:modified_time"
+          content={modDatetime.toISOString()}
+        />
+      )
+    }
+
+    <script
+      type="application/ld+json"
+      is:inline
+      set:html={JSON.stringify(structuredData)}
+    />
 
     <link
       rel="preload"
@@ -49,9 +77,7 @@ const structuredData = {
     ></script>
   </Fragment>
 
-  <article class="prose prose-lg max-w-3xl mx-auto px-4">
-    <slot />
-  </article>
+  <slot />
 
   <div class="max-w-3xl mx-auto px-4 mt-8 w-full">
     <Comment />