<script setup>
import MenuDefault from "@/components/menus/MenuDefault.vue";
import {ref} from "vue";
import {SessionUser} from "@/components/session/token/SessionUser.vue";

// Define the isLoaded function
// This is here, because the departments need to be loaded before the menu is shown,
// otherwise the menu will look for a department with an id not defined.
const isLoaded = ref(true);


const menu_items = ref([
  {
    name: 'Gå til login',
    route: '/login',
    icon: 'fas fa-sign-in-alt',
    children: []
  },
  {
    name: 'Book vask med reference',
    route: '/guest/book/wash',
    icon: 'fas fa-cogs',
    children: [
      {
        name: 'Book vask',
        route: '/guest/book/wash',
        icon: 'fas fa-exchange-alt',
        children: [],
      },
    ],
  },
]);

</script>

<template>
  <MenuDefault v-if="isLoaded"
      v-bind="{menu_items}"
      :show_icons="false"
  />
</template>

<style scoped>

</style>