vue-tutorial-sidebar-dynamic-sidebar-toggle.vue

<template>
  <button :class="[open ? $style.active : '', $style.button]" @click="handleClick">    
    <component :is="icon"/>
  </button>
</template>

<script>
  export default {
    name: 'sidebar-toggle',
    props: ['sidebarComponent', 'icon'],
    computed: {
      open () {
        return this.$store.state.ui.sidebarOpen && this.$store.state.ui.sidebarComponent === this.sidebarComponent
      }
    },
    methods: {
      handleClick () {
        this.$store.dispatch('toggleSidebar', {component: this.sidebarComponent})
      }
    }
  }
</script>