Framework7 Vue: Swiper slidesPerView not working

I banged my for 6 hours on this particular issue, and I’m posting this online so that when you Google it, you won’t have to go through the same.

On, the docs talk about an elegant Swiper component. It actually uses the Swiper library under the hood.

There are 3 examples and the on you and I are concerned with is the last one:

<f7-block-title>With additional parameters</f7-block-title>
<f7-swiper navigation :speed="500" :slidesPerView="3" :spaceBetween="20">…