21 lines
632 B
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>
|