Filters.vue

<template>
  <b-menu>
    <div>
      <b-menu-list label="Performance">
        <b-slider lazy></b-slider>
      </b-menu-list>
      <b-menu-list v-for="tag in tags" v-bind:key="tag.name" :label="tag.name">
        <div v-for="type in tag.types" v-bind:key="type" class="field">
          <b-checkbox
          :native-value="type"
          v-model="checkboxGroup"
          @input="changeTag">{{type}}</b-checkbox>
        </div>
      </b-menu-list>
    </div>
  </b-menu>
</template>

<script>
export default {
  name: 'Filters',
  props: ['tags'],
  data () {
    return {
      checkboxGroup: []
    }
  },
  methods: {
    changeTag () {
      this.$emit('setTags', this.checkboxGroup)
    }
  }
}
</script>

<style scoped>
.menu {
  margin: 15px;
}
</style>