Sveltekit execute Item transitions when navigating

+layout.svelte

<script lang="ts">
	// These lines let the page transition animations come alive!
	import { onNavigate } from '$app/navigation';
	onNavigate((navigation) => {
		if (!document.startViewTransition) return;

		return new Promise<void>((resolve) => {
			document.startViewTransition(async () => {
				resolve();
				await navigation.complete;
			});
		});
	});

	let {
		children,
		data = {
			stuffs: [],
		}
	} = $props();

	let { stuffs = [] } = $derived(data);
</script>

{@render children?.()}