extends ./layout.spug
props
  title: string
  nav: { label: string, href: string }[]
  posts: { id: string, title: string, excerpt: string }[]
block content
  section.primary-section@hero()
    h1= title
    p Test blog
  section@posts()
    div.card
      div.card-title
        div.line
        span.title Posts
        div.line
      component amezing-article-list
        pages: posts.map((post) => ({ title: post.title, href: `/posts/${post.id}`, description: post.excerpt }))
$$$
  assertExists("h1")
  assertExists(".article-list")
  assertAttribute("main", "id", "main-content")
  assertAttribute("section.primary-section", "class", "primary-section")
notes