{{range $i, $c := .Covers}}
<div class="cover" :class="{'active': active === total - {{len $.Covers}} + {{$i}}}"{{if and (eq $i 11) $.HasMore}} hx-get="{{$.Prefix}}/load/{{$.NextPage}}" hx-trigger="revealed once" hx-swap="beforeend" hx-target="#covers-container"{{end}}>
    <img src="{{$c.Url}}" width="300" height="370" data-comic="{{$c.Comic}}">
</div>
{{end}}