Personal Site
allow heading level to be controlled for blog. exposure needed for /blog
+7
-1
+7
-1
src/components/home/Blog.astro
+7
-1
src/components/home/Blog.astro
···
6
6
import Box2x1Mask from "/assets/box-2x1-mask.png";
7
7
8
8
const posts = await getCollection("blog");
9
+
10
+
interface Props {
11
+
heading?: string;
12
+
}
13
+
14
+
const HeadingLevel = Astro.props.heading ?? "h2"
9
15
---
10
16
11
17
<section
···
16
22
--box-2x1-mask-png: url(${Box2x1Mask.src})
17
23
`}
18
24
>
19
-
<h2>Blog Posts</h2>
25
+
<HeadingLevel>Blog Posts</HeadingLevel>
20
26
{
21
27
posts.map((post) => (
22
28
<article class="post">