<template>
  <div class="menu-bar__container">
    <ul class="menu-bar__link link-bar">
      <li class="link-bar__item">
        <a @click.prevent="redirectToRouteName()" href="/" class="btn dashboard-btn">
          <img style="width: 1em;height: 1em;" src="assets/list/img/hamburger-menu.svg" class="img-fluid" alt="سامانه ها">
          <span class="mx-1">سامانه ها</span>
        </a>
      </li>
      <li
          v-for="(item, i) in menu"
          :key="i"
          :class="
          item.actionMode == currentMode
            ? 'link-bar__item  color-' + item.color + ' active'
            : 'link-bar__item  color-' + item.color
        "
      >
        <router-link
            :to="item.link" :title="item.title">
          <i :class="item.icon">
            <span class="path1"></span><span class="path2"></span
          ></i>
        </router-link>
      </li>
    </ul>
  </div>
</template>
<script>
import menu from "~/json/list/json/sidebar.json"

export default {
  props: ["currentMode"],

  data() {
    return {
      menu: menu
    };
  },

  

};
</script>