first datatable

resources/js/components/MainNav.vue

@@ -1,10 +1,12 @@
 <template>
-    <n-menu 
+    <div class="flex justify-center">
+        <n-menu 
         v-model:value="activeKey" 
         mode="horizontal" 
         :options="menuOptions" 
         class="-mx-4"
     />
+    </div>
 </template>
 
 <script lang="ts" setup>
@@ -25,8 +27,6 @@
     const activeKey: Ref<string> = ref((usePage().props.request as any)?.url)
     const user: User = usePage().props.user as User
     
-    console.log(usePage().props.request)
-
     const menuOptions: MenuOption[] = []
 
     menuOptions.push({
@@ -85,9 +85,6 @@
             icon: renderIcon(Logout)
         }]
     })
-    menuOptions.push({
-        
-    })