unity/resources/js/admin/pages/admin-roles/List.vue

<template>
  <div>
    <page-title
      :heading="heading" 
      :icon="icon"
      :add="true"
    ></page-title>
    <breadcrumb  
      :menu_item_list=menu_item_list
    ></breadcrumb>
    <admin-role-table></admin-role-table>
  </div>
</template>
<script>
  import PageTitle from "../../components/titles/PageTitle";
  import Breadcrumb from "../../layouts/parts/Breadcrumb";
  import AdminRoleTable from "./Table";

  export default {
    metaInfo() {
        let vm = this;
        return {
            title: Constants.site.title,
            titleTemplate: '%s | ' + vm.$router.currentRoute.name
        }
    },
    components: {
      PageTitle,
      Breadcrumb,
      AdminRoleTable
    },
    data() {
      return {
        heading: 'Admin Role List',
        icon: 'fa fa-list',
        menu_item_list: [
          {
            title: 'Dashboard',
            active: false,
            path: '/'
          },
          {
            title: 'Admin Role List',
            active: true,
            path: 'list'
          },
        ],
      }
    }
  }
</script>