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

const { data: users } = useFetch('/api/admin/users');
const { data: pages } = useFetch('/api/admin/pages');
</script>

<template>
    <Head>
        <Title>d[any] - Administration</Title>
    </Head>
    <div class="flex flex-1 flex-col p-4 justify-start">
        <div class="flex flex-row justify-between items-center">
            <ProseH2 class="text-center flex-1">Administration</ProseH2>
            <Button><NuxtLink no-prefetch :to="{ name: 'admin-jobs' }">Jobs</NuxtLink></Button>
        </div>
        <div>
            <div>Utilisateurs ({{ users.length }})</div>
        </div>
    </div>
</template>