Add flash message support to layout server and client

src/routes/+layout.server.ts

@@ -1,12 +1,13 @@
 import type { LayoutServerLoad } from './$types';
 
+import { loadFlash } from 'sveltekit-flash-message/server';
 import { superValidate } from 'sveltekit-superforms/server';
 
 import { createBaseMetaTags } from '$lib/utils/metaTags';
 
 import { FeedbackValidationSchema } from '$validations/feedbackValidationSchema';
 
-export const load = (async ({ url }) => {
+export const load = loadFlash(async ({ url }) => {
 	const baseMetaTags = createBaseMetaTags(url);
 
 	return {

src/routes/+layout.svelte

@@ -2,6 +2,10 @@
 	import { dev } from '$app/environment';
 	import { page } from '$app/stores';
 
+	import { getFlash } from 'sveltekit-flash-message';
+
+	import { toast } from 'svelte-sonner';
+
 	import { inject } from '@vercel/analytics';
 
 	import { Toaster } from '$components/ui/sonner';
@@ -18,6 +22,12 @@
 
 	export let data;
 
+	const flash = getFlash(page);
+
+	$: if ($flash) {
+		toast.info($flash.message);
+	}
+
 	inject({ mode: dev ? 'development' : 'production' });
 
 	setupViewTransition();