.page--list.f-row.between
article.f-grow
header.f-col.center.t-up
.title.f-row
h1 {{ type }} list
span(v-if="sortBy")
h1 sorted by {{ sortBy.replace('-', ' ') }}
h3(v-if="!loaded") loading...
.content(v-else-if="allPagesLoaded && type && allPages[type]" v-html="allPages[type].content")
.posts(v-if="posts && loaded" :class="{ 'is-grid': grid }")
section(v-for="post in posts" :key="post.slug").shadow.post
header
router-link(:to="`/${type}/${post.slug}`")
featured-image(:post="post")
h2.t-up {{ post.title }}
article
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...
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