boussole-pluss/frontend/layouts/default.vue

21 lines
632 B
Vue

<script lang="ts" setup>
import {useNotificationStore} from "~/store/notification";
const notification = computed(() => useNotificationStore().notification);
const hasNotification = computed(() => useNotificationStore().hasNotification);
const type = computed(() => useNotificationStore().type);
</script>
<template>
<team-header/>
<main class="main-content">
<slot/>
<toaster v-if="hasNotification" :title="notification.message" :type="type">
<ul v-if="notification.details">
<li v-for="detail in notification.details">{{ detail }}</li>
</ul>
</toaster>
</main>
<main-footer/>
</template>