src/lib/components/ToastContainer.svelte (view raw)
1<script lang="ts">
2 import Toast from "./Toast.svelte";
3 import { addToast, toastStore } from "../store/toastStore";
4 import { onMount } from "svelte";
5
6 onMount(() => {
7 const storedToast = sessionStorage.getItem("toast");
8 if (storedToast) {
9 const { message, type } = JSON.parse(storedToast);
10 addToast(message, type);
11 sessionStorage.removeItem("toast");
12 }
13 });
14</script>
15
16<div class="toast toast-end">
17 {#each $toastStore as toast}
18 <Toast {toast} />
19 {/each}
20</div>