<script setup lang="ts">
import DueDatesList from "@/components/dueDates/DueDatesList.vue";
import { useCourseSessionsStore } from "@/stores/courseSessions";

const courseSessionsStore = useCourseSessionsStore();
const allDueDates = courseSessionsStore.allDueDates();
</script>

<template>
  <h4 class="mb-6 text-xl font-bold">{{ $t("a.AlleTermine") }}</h4>
  <DueDatesList
    :due-dates="allDueDates"
    :max-count="13"
    :show-top-border="true"
    :show-all-due-dates-link="true"
    :show-bottom-border="true"
    :show-course-session="true"
  ></DueDatesList>
</template>
