.page--single.f-col.between
gallery(v-if="activeGalleryIndex >= 0" :activeImageIndex="activeImageIndex" :images="imagesInGallery" @close="closeGallery")
article.w-max(v-if="!singlePost || loading")
header
p loading...
article(v-else).w-max.f-grow.shadow
header
//- breadcrumb links at top of page, needs link routing
breadcrumb(:type="type" :post="singlePost")
h1.t-b {{ singlePost.title }}
//- p(v-if="singlePost.categories") categories: {{ singlePost.categories }}
//- p(v-if="singlePost.type") type: {{ singlePost.type }}
//- p(v-if="singlePost.subtypes") subtypes: {{ singlePost.subtypes }}
.date-info(v-if="['exhibition', 'event'].includes(type)")
p start: {{ dateFrom(singlePost.start) }}
p end: {{ dateFrom(singlePost.end) }}
//- WP main content
section.content(v-html="singlePost.content")
//- related artists section for episodes
section(v-if="type === 'episode' && post" :post="post")
h2.t-up featured in this episode
ul
li.f-row.between(v-for="artist in p2pPostsByType['artist']")
card(:content="artist" type="artist" :wide="true" :hide-type="true")
credits(v-if="type === 'episode' && post" :post="post")
//- end of article icon
footer.f-col
img(src="../star.svg")
sidebar(v-if="sidebar" :type="`${type}`" layout="single" :related="p2pPostsByType")