.page--single.f-col.between
article.w-max.f-grow.shadow(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 }}
.date-info.t-cntr(v-if="['exhibition', 'event'].includes(type)")
//- for events display: date, time-time
h4(v-if="singlePost.start, singlePost.end && type == 'event'") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event').split(',')[1] }}
//- else for single, exhibition: date-date
h4(v-else-if="singlePost.start, singlePost.end") {{ dateFrom(singlePost.start, type == 'event') }} - {{ dateFrom(singlePost.end, type == 'event') }}
//- WP main content
section.content(v-html="singlePost.content")
//- related artists section for episodes
template(v-if="type === 'episode' && post")
section.related-artists
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(:post="singlePost")
//- end of article icon
footer.f-col
img(src="../star.svg")
vue-easy-lightbox(
:visible="activeGalleryIndex >= 0"
:imgs="activeGalleryImages"
:index="activeImageIndex"
@hide="activeGalleryIndex = -1"
)
sidebar(:type="`${type}`" layout="single" :related="p2pPostsByType")