halaman view permission

pages/tables/TableBasic.vue

@@ -0,0 +1,51 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+// common components
+import BaseBreadcrumb from '@/components/shared/BaseBreadcrumb.vue';
+import UiParentCard from '@/components/shared/UiParentCard.vue';
+
+//Table
+import Table1 from '@/components/table/Table1.vue';
+import Table2 from '@/components/table/Table2.vue';
+import Table3 from '@/components/table/Table3.vue';
+import Table4 from '@/components/table/Table4.vue';
+import Table5 from '@/components/table/Table5.vue';
+
+// template breadcrumb
+const page = ref({ title: 'Basic Table' });
+const breadcrumbs = ref([
+    {
+        text: 'Dashboard',
+        disabled: false,
+        href: '#'
+    },
+    {
+        text: 'Basic Table',
+        disabled: true,
+        href: '#'
+    }
+]);
+</script>
+
+<template>
+    <!-- ---------------------------------------------------- -->
+    <!-- Table Basic -->
+    <!-- ---------------------------------------------------- -->
+    <BaseBreadcrumb :title="page.title" :breadcrumbs="breadcrumbs"></BaseBreadcrumb>
+    <v-row>
+        <v-col cols="12">
+            <UiParentCard title="Basic Table">
+                <!--Basic Table 1-->
+                <Table1/>
+                <!--Basic Table 2-->
+                <Table2/>
+                <!--Basic Table 3-->
+                <Table3/>
+                <!--Basic Table 4-->
+                <Table4/>
+                <!--Basic Table 5-->
+                <Table5/>
+            </UiParentCard>
+        </v-col>
+    </v-row>
+</template>