<template>
  <div class="cardHolder">
    <div class="card">
      <h1 class="text-center text-4xl">Aufgaben</h1>
      <p class="text-center text-6xl mt-5">{{openTasks}}</p>
    </div><div class="card">

    </div><div class="card">

    </div><div class="card">

    </div><div class="card">

    </div><div class="card">

    </div>




    <br>

  </div>
</template>

<script setup>
definePageMeta({
  middleware: "auth"
})

const {getOpenTasksCount} = useDataStore()
const openTasks = getOpenTasksCount

const supabase = useSupabaseClient()

const user = useSupabaseUser()

</script>

<style scoped>
.cardHolder {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.card{
  width: 22vw;
  height: 40vh;
  border: 1px solid white
}
</style>