1 ---
2 import { getEntry } from 'astro:content'
3 import { render } from 'astro:content'
4
5 const aboutEntry = await getEntry('about', 'about')
6 // Check if there is actual content (excluding comments)
7 const hasContent = aboutEntry?.body
8 ? aboutEntry.body.replace(/<!--[\s\S]*?-->/g, '').trim().length > 0
9 : false
10 const { Content } = hasContent && aboutEntry ? await render(aboutEntry) : { Content: null }
11 ---
12
13 {
14 hasContent && Content && (
15 <div class="about prose mb-5 font-sans text-m text-food-brown">
16 <Content />
17 </div>
18 )
19 }
20
21 <style>
22 .about:not(:empty) {
23 /* margin-bottom: 1.25rem; */
24 }
25 </style>