blog post list

src/pages/blog/index.astro

@@ -1,11 +1,11 @@
 ---
 import { getCollection } from 'astro:content'
 import PostList from '../../components/PostList.astro'
-import Root from '../../layouts/Root.astro'
+import PageWithTitle from '../../layouts/PageWithTitle.astro'
 
 const posts = (await getCollection('blog')).sort((a, b) => b.data.date.valueOf() - a.data.date.valueOf())
 ---
 
-<Root>
+<PageWithTitle title="Blog">
   <PostList posts={posts} />
-</Root>
+</PageWithTitle>