halaman view permission

pages/Setting/ViewPermission/index.vue

@@ -0,0 +1,39 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+// common components
+import BaseBreadcrumb from '@/components/shared/BaseBreadcrumb.vue';
+import UiParentCard from '@/components/shared/UiParentCard.vue';
+
+//card list
+import CardList from '@/components/setting/ViewPermission/CrudCardList.vue';
+
+// template breadcrumb
+const page = ref({ title: 'Card List' });
+const breadcrumbs = ref([
+    {
+        text: 'Dashboard',
+        disabled: false,
+        href: '#'
+    },
+    {
+        text: 'card list',
+        disabled: true,
+        href: '#'
+    }
+]);
+
+</script>
+
+<template>
+    <!-- ---------------------------------------------------- -->
+    <!-- Table Basic -->
+    <!-- ---------------------------------------------------- -->
+    <BaseBreadcrumb :title="page.title" :breadcrumbs="breadcrumbs"></BaseBreadcrumb>
+    <v-row>
+        <v-col cols="12">
+            <!-- <UiParentCard title="Social Media Contacts"> -->
+                <CardList/>
+            <!-- </UiParentCard> -->
+        </v-col>
+    </v-row>
+</template>