v-container.px-2.px-sm-6.pt-0#home
//- Announcements
#announcements.mt-2.mt-sm-4(v-if='announcements.length')
Announcement(v-for='announcement in announcements' :key='`a_${announcement.id}`' :announcement='announcement')
//- Events
#events.mt-sm-4.mt-2(v-if='!$fetchState.pending')
v-lazy.event.v-card(:value='idx<9' v-for='(event, idx) in visibleEvents' :key='event.id' :min-height='hide_thumbs ? 105 : undefined' :options="{ threshold: .5, rootMargin: '500px' }" :class="{ 'theme--dark': is_dark }")
Event(:event='event' :lazy='idx>9')
.text-center(v-else)
v-progress-circular.justify-center.align-center(color='primary' indeterminate model-value='20')