将 vuetfy 与 vue-awesome-swiper 一起使用并将“loop”设置为 true 有一个空内容

如何解决将 vuetfy 与 vue-awesome-swiper 一起使用并将“loop”设置为 true 有一个空内容

代码笔：https://codepen.io/curedovahkiin/pen/ExZLPNR

#app

template#app-template
  Swiper(:options="swiperOption")
    swiper-slide(v-for="(item,i) in list" :key="i")
      v-img(:src="item")
    

const App = {
  template: '#app-template',data: () => ({
    list:[
      'https://picsum.photos/510/300?random=1','https://picsum.photos/510/300?random=2','https://picsum.photos/510/300?random=3'
    ],swiperOption: {
       loop: true,autoplay: {
          delay: 5500,waitForTransition: true,disableOnInteraction: false,},speed: 1000,pagination: {
        el: '.swiper-pagination',}
    }
  })
}

Vue.use(VueAwesomeSwiper)
new Vue({
  vuetify: new Vuetify(),render: h => h(App)
}).$mount('#app')

当循环为true时，swiper生成两个.swiper-slide-duplicate元素，内容v-img元素的背景为enmty

为什么会发生这种情况，能否解决？