wrbapp/frontend/app.vue

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

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

const db = getFirestore()

const ledenlijst = ref([])


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