Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 | <script setup lang="ts">
import type { AppPageProps } from '@/types';
import { router, usePage } from '@inertiajs/vue3';
import { nextTick, onMounted, onUnmounted } from 'vue';
import { toast } from 'vue-sonner';
type FlashMessages = Partial<Record<'success' | 'error' | 'warning' | 'info' | 'status', string | null>>;
const page = usePage<AppPageProps>();
const showFlashToasts = (flash?: FlashMessages) => {
if (!flash) {
return;
}
if (flash.success) {
toast.success(flash.success);
}
if (flash.error) {
toast.error(flash.error);
}
if (flash.warning) {
toast.warning(flash.warning);
}
if (flash.info) {
toast.info(flash.info);
}
if (flash.status) {
toast.message(flash.status);
}
};
let removeSuccessListener: (() => void) | undefined;
onMounted(() => {
void nextTick(() => {
showFlashToasts(page.props.flash);
});
removeSuccessListener = router.on('success', (event) => {
showFlashToasts((event.detail.page.props as AppPageProps).flash);
});
});
onUnmounted(() => {
removeSuccessListener?.();
});
</script>
<template>
<span class="sr-only" aria-hidden="true" />
</template>
|