initial commit

resources/js/Pages/API/Index.vue

@@ -0,0 +1,30 @@
+<script setup>
+import ApiTokenManager from '@/Pages/API/Partials/ApiTokenManager.vue';
+import AppLayout from '@/Layouts/AppLayout.vue';
+
+defineProps({
+    tokens: Array,
+    availablePermissions: Array,
+    defaultPermissions: Array,
+});
+</script>
+
+<template>
+    <AppLayout title="API Tokens">
+        <template #header>
+            <h2 class="font-semibold text-xl text-gray-800 leading-tight">
+                API Tokens
+            </h2>
+        </template>
+
+        <div>
+            <div class="max-w-7xl mx-auto py-10 sm:px-6 lg:px-8">
+                <ApiTokenManager
+                    :tokens="tokens"
+                    :available-permissions="availablePermissions"
+                    :default-permissions="defaultPermissions"
+                />
+            </div>
+        </div>
+    </AppLayout>
+</template>