<template>
  <base-page>
    <ServerDatatable title="Role" :api="RoleApi" :headers="headers" path="role">
    </ServerDatatable>
  </base-page>
</template>
<script setup lang="ts">
import BasePage from "./../../components/Page/BasePage.vue";
import { RoleApi } from "@/api/role.js";
import ServerDatatable from "@/components/Common/ServerDatatable.vue";
import { ref, onMounted, inject } from "vue";
import * as bootstrap from "bootstrap";

const headers = ref([
  {
    text: "Kode",
    value: "code",
  },
  {
    text: "Role",
    value: "name",
  },
]);
</script>
