refactor: extract article styles into Prose component

Author: zhongyangxun

src/components/Prose.astro

@@ -0,0 +1,15 @@
+<article
+  class="prose prose-neutral dark:prose-invert leading-relaxed tracking-tight
+    /* 标题字号 */
+    prose-h1:text-2xl
+    prose-h2:text-xl prose-h2:mt-10 prose-h2:mb-4
+    prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-2 prose-h3:font-semibold
+    /* 段落间距 */
+    prose-p:my-4
+    /* 引用 */
+    prose-blockquote:text-neutral-500 prose-blockquote:not-italic prose-blockquote:border-l-2 prose-blockquote:font-normal
+    /* 列表 */
+    prose-li:my-1"
+>
+  <slot />
+</article>

src/layouts/PostLayout.astro

@@ -2,28 +2,17 @@
 import { formatDate } from '@/lib/utils';
 import BaseLayout from './BaseLayout.astro';
 import PostMeta from '@/components/PostMeta.astro';
+import Prose from '@/components/Prose.astro';
 
 const { post } = Astro.props;
 const { title, pubDate, description, update } = post.data;
 ---
 
 <BaseLayout>
-  <article
-    class="prose prose-neutral dark:prose-invert leading-relaxed tracking-tight
-    /* 标题字号 */
-    prose-h1:text-2xl
-    prose-h2:text-xl prose-h2:mt-10 prose-h2:mb-4
-    prose-h3:text-lg prose-h3:mt-8 prose-h3:mb-2 prose-h3:font-semibold
-    /* 段落间距 */
-    prose-p:my-4
-    /* 引用 */
-    prose-blockquote:text-neutral-500 prose-blockquote:not-italic prose-blockquote:border-l-2 prose-blockquote:font-normal
-    /* 列表 */
-    prose-li:my-1"
-  >
+  <Prose>
     <PostMeta title={title} pubDate={pubDate} description={description} />
     <slot />
-  </article>
+  </Prose>
   <div class="mt-20 border-t border-dashed pt-6 space-y-6">
     <div
       class="flex items-center gap-2 text-xs font-mono text-muted-foreground/60 tracking-wider"