<template>
  <div class="main_menu">

    <div v-for="item in karArr">
      <my-button class="main_menu__item"  @click="$router.push('/tsd/'+item.firma);" >{{ item.name }}</my-button>
    </div>




  </div>
</template>

<script>
// @ is an alias to /src
import {mapState,mapActions,mapMutations} from 'vuex'


export default {
  name: 'HomeView',
  components: {

  },

  computed:{
    ...mapState({
      karArr: state => state.ApiClass.kagArr,
    }),
  },

  methods:{


  },


}
</script>
<style>
.main_menu{
  display: flex;
  flex-direction: column;
  gap:15px;

}

.main_menu__item{



  height: 40px;



  text-transform: uppercase;
  min-width: 300px;



  margin: 0 auto;

  padding:1px 20px;
  white-space: nowrap;
  overflow: hidden

}
.main_menu__item:hover {
  background-color: #949393;
  cursor: pointer;
}

</style>
