Not working with vuejs about bulma-extensions HOT 6 CLOSED

<script>
    import bulmaAccordion from 'bulma-extensions/bulma-accordion/dist/js/bulma-accordion.min.js'
    import 'bulma-extensions/bulma-accordion/dist/css/bulma-accordion.min.css';
    export default{
        data () {
            return{
                accordions : []
            }
        },
        mounted: function() {
                this.accordions = bulmaAccordion.attach()
        },
        name: 'myComponentName',
}
</script>

<template>
  <div
    ref="thisCarousel"
    :class="[{
      'carousel': !hero
    }, {
      'hero-carousel': hero
    }, {
      'carousel-animated': animation === 'slide' || animation === 'fade'
    }, {
      'carousel-animate-slide': animation === 'slide'
    }, {
      'carousel-animate-fade': animation === 'fade'
    }]"
    :data-size="size > 1"
    :data-autoplay="autoplay"
    :data-delay="delay"
  >
    <div class="carousel-container">
      <slot/>
    </div>

    <McbCarouselNavigation layout="overlay"/>
  </div>
</template>

<script>
import BulmaCarousel from 'bulma-carousel/dist/js/bulma-carousel.min'

import McbCarouselNavigation from '../molecules/McbCarouselNavigation'

export default {
  name: 'McbCarousel',
  components: {
    McbCarouselNavigation
  },
  props: {
    hero: {
      type: Boolean,
      default: false
    },
    animation: {
      type: String,
      default: 'slide'
    },
    autoplay: {
      type: Boolean,
      default: false
    },
    delay: {
      type: Number,
      default: 5000
    },
    size: {
      type: Number,
      default: 1
    }
  },
  data () {
    return {
      bulmaExtensions: {}
    }
  },
  mounted () {
    this.bulmaExtensions.carousel = new BulmaCarousel(this.$refs.thisCarousel)
  }
}
</script>