{% if banners|length > 1 %}
<swiper class="banners" :options="{
  effect: 'slide',
  speed: 700,
  loop: true,
  autoplay: {delay: 5000},
  pagination: {
    el: '.swiper-pagination',
    clickable: true,
  }}">
  {% for banner in banners %}
  <swiper-slide>
    {% include 'templates/blocks/banner.html' %}
  </swiper-slide>
  {% endfor %}
  <div class="swiper-pagination" slot="pagination"></div>
</swiper>
{% else %}
  <div class="banners">
    {% include 'templates/blocks/banner.html' with banner=banners.0 %}
  </div>
{% endif %}