.page--list.f-row.between
article.f-grow
header.f-row.center.t-up
h1 {{ type }} list
span(v-if="sortBy")
h1 sorted by {{ sortBy.replace('-', ' ') }}
.posts(:class="{ 'is-grid': grid }")
section(v-for="post in posts" :key="post.slug").shadow.post
router-link(:to="`/${type}/${post.slug}`")
p {{post.featured}}
ul.f-row
img(v-if="post.featured" :src="post.featured" alt="post thumbnail")
img(v-else-if="post.hero && JSON.parse(post.hero).url" :src="getThumbnailFromYt(JSON.parse(post.hero).url)" alt="post thumbnail from YouTube")
p(v-else-if="post.hero") ERROR: {{ post.hero }}
p(v-else) ERROR: no thumbnail
li.f-col.between
h2.t-up {{ post.title }}
h4 {{ post.date }}
p Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu elit in ex pharetra volutpat ac at magna. Duis libero est, imperdiet non sollicitudin vel, eleifend at ante...
//- posts not grid
footer
p {{ `${type} count: ${Object.values(posts).length}` }}
p {{ `show sidebar: ${sidebar}` }}
sidebar(v-if="sidebar" :type="`${type}`")
.shadow
h1.t-up slots stuff
div
p more body whatever
p another line of stuff