<template lang="html">
  <div class="site-body-content">
    <MenuNav :menuSet="menuNav" />
    <div class="content">
      <DataTable />
    </div>
    <WebSiteFooter />
  </div>
</template>
<script>
import MenuNav from './../components/menu.vue';
import DataTable from './../components/table/table.vue';
import WebSiteFooter from './../components/footer.vue';

export default {
    name: 'AnimePage',
    components: {
        MenuNav,
        DataTable,
        WebSiteFooter,
    },
    provide(){
      return {
        setReloadTable: (fn) => (this.reloadTable = fn),
        reloadTable: () => {
          this.reloadTable();
        },
      }
    },

    data() {
      return {
        reloadTable: null,

        menuNav: "ANIME",
      }
    }
}
</script>