<script setup lang="ts">
definePageMeta({
    layout: 'admin',
    middleware: ['is-admin'],
});

const adminStore = useAdminStore();
</script>

<template>
    <div class="flex h-full w-full">
        <ScrollArea class="h-full grow">
            <div class="flex w-full flex-col gap-2">
                <AdminUserListing
                    v-for="user in adminStore.resources.users"
                    :key="user.id"
                    :user
                />
            </div>
        </ScrollArea>
    </div>
</template>
