<template>
  <router-view />
</template>

<script setup lang="ts">
import { defineComponent, onMounted } from 'vue';
import { useAuthStore } from './stores/auth';
import { useBoatStore } from './stores/boat';
import { useReservationStore } from './stores/reservation';

defineComponent({
  name: 'OYS Borrow-a-Boat',
});

onMounted(async () => {
  await useAuthStore().init();
  await useBoatStore().fetchBoats();
  await useReservationStore().fetchUserReservations();
});
</script>
