view transition draft

2025-02-12 10:11:23 -05:00
parent 1da3d2bc34
commit 85a04c276c
18 changed files with 137 additions and 74 deletions
@@ -15,18 +15,18 @@ export async function getStaticPaths() {

 const { post } = Astro.props;

-const { data } = post;
+const { data, slug } = post;

 const { Content } = await post.render();
 ---

 <Layout title={data.title}>
-	<BlogHeader title={data.title} date={data.pubDate} />
-	<article>
+	<article transition:name={slug}>
+		<BlogHeader title={data.title} date={data.pubDate} />
 		<Content />
+		<a href="https://notbyai.fyi/">
+			<i class="not-by-ai"></i>
+		</a>
+		<Tags tags={data.tags} />
 	</article>
-	<a href="https://notbyai.fyi/">
-		<i class="not-by-ai"></i>
-	</a>
-	<Tags tags={data.tags} />
 </Layout>