Нужна помощь для экспорта Vue SFC, который импортирует Swiper.js

Question

Я пытаюсь экспортировать Vue SFC, но я не уверен, как экспортировать компонент, включая объект mySwiper. Я надеюсь увидеть пример от того, кто знает, как это сделать. Ниже JS часть моего SFC

<script>
import Swiper from 'swiper'

  var mySwiper = new Swiper ('.swiper-container', {

    // Optional parameters
    direction: "horizontal",
    loop: true,

    // Navigation arrows
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    }

  })

export default {
    name: "Employees",    
}
</script>

Answer 1

Решил эту проблему сам, переместив экземпляр объекта в смонтированное свойство.

export default {
    name: "Employees",
    mounted: function() {
        let mySwiper = new Swiper('.swiper-container', {
            direction: "horizontal",
            loop: false,
            spaceBetween: 50,
            effect: "slide"
        })
    }
}