.page--list.f-col.between
article.f-grow
header.center.t-up
.title.f-row
h3 {{ type }} list
span(v-if="sortBy")
h3 sorted {{ sortBy.replace('-', ' ') }}
h3(v-if="!loaded") loading...
.content(
v-else-if="allPagesLoaded && type && allPages[type]"
v-html="allPages[type].content"
)
ul.posts.f-col(v-if="posts && loaded" :class="{ 'is-grid': grid }")
li(v-for="(post, i) in posts" :key="post.slug").post.shadow
card(:content="post" :type="type" :wide="isWide")
//- Important: Do NOT remove this! Required for intersection observer
footer
p(v-if="loadingFetched") loading more {{ type }}...
p(v-if="showMeta") {{ `${type} count: ${Object.values(posts).length}` }}
p(v-if="showMeta") {{ `show sidebar: ${sidebar}` }}
sidebar(v-if="sidebar" :type="`${type}`" layout="list")