<template>
    <div class="bg-neutral-100 dark:bg-neutral-900 text-primary h-screen flex flex-col">
        <LayoutTopbar class="mb-3" />
        <NuxtPage class="overflow-y-scroll mb-auto" />
        <LayoutNavbar />
    </div>
</template>

<script setup>
import { doc, getFirestore, serverTimestamp, writeBatch, collection, getDocs } from "firebase/firestore"; 

const db = getFirestore()


provide('firebase', { db })
</script>