accordion.vue

<template>
  <div 
    class="bonuses-accordion-bar" 
    @click="handleStaticPageClick"
   >
    <div class="accordion-1">
      <div
        ref="accordionItem"
        class="accordion-1__item accordion-1__item--no-num"
      >
        <div
          class="accordion-1__item-header js-accordion-1__item-header"
          @click="toggleAccordion"
        >
          11111
        </div>
        <div
          v-if="isAccordionOpened"
          class="accordion-1__item-cont-inner"
        >
          <div
            class="accordion-1__item-cont-inner-desc"
          >
            10101
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import accordion1 from '@/mixins/accordion-1'

export default {
  name: 'bonuses-accordion-bar'
  mixins: [accordion1]
}
</script>

<style src="./style.scss" lang="scss" />