<template>
  <Toast />
  <TopMenubar />
  <div class="flex flex-row m-10 justify-around">
    <router-view />
  </div>
</template>

<script lang="ts" setup>
import { defineAsyncComponent } from 'vue'

const TopMenubar = defineAsyncComponent(() => import('./components/TopMenubar.vue'));
const Toast = defineAsyncComponent(() => import('primevue/toast'));

</script>
<style>
html, body {
  font-family: 'Nunito', sans-serif;
}
</style>