unity/resources/js/user/pages/contracts/List.vue

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

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