examples/cms-prismic/src/components/Blog.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

---
import BlogCard from './BlogCard.astro';
import AsText from './Prismic/AsText.astro'

export interface Props {
  slice_type: string | null;
  slice_label: string | null;
  items: Array<object>;
  primary: object;
}
const { blogData } = Astro.props
---

<section>
    <header class="major">
        <h2><AsText data={blogData.primary.featured_blogpost_title}/></h2>
    </header>
    <div class="row">
        {
            blogData.items.map(item => (
                <div class="col-4 col-6-medium col-12-small">
                    <BlogCard data={item.featured_blogpost}/>
                </div>
            ))
        }
    </div>
</section>