<template>
  <div  v-if="menu_item_list" class="mb-3">
    
    <nav aria-label="breadcrumb">
      <ol class="breadcrumb">
        <li class="breadcrumb-item" :class="menu.active ? 'active' : ''" v-for="(menu, $index) in menu_item_list" :key="$index">
          <router-link :to="menu.path" tag="button">
            {{ menu.title }} 
          </router-link>
        </li>
      </ol>
    </nav>


  </div>
</template>

<script>
  export default {
    props: ['menu_item_list'],
  }
</script>
