example component with atcute xrpc handler passing via props

src/routes/+page.svelte

@@ -1,2 +1,7 @@
-<h1>Home Page</h1>
+<script>
+    import List from "$lib/components/list.svelte";
+</script>
+
+<h1>Home Page</h1>
+<List did="test" />
 

src/routes/user/[handle]/+page.svelte

@@ -1,4 +1,5 @@
 <script lang="ts">
+	import List from '$lib/components/list.svelte';
 	import type { PageProps } from './$types';
 
 	let { data }: PageProps = $props();
@@ -8,5 +9,6 @@
 <h1>{data.userData.handle}</h1>
 <h2>{data.userData.did}</h2>
 
+<List did={data.userData.did} rpc={data.rpc}/>
 
 

src/routes/user/[handle]/+page.ts

@@ -13,6 +13,7 @@ export const load: PageLoad = async ({ parent, params }) => {
 		userData: {
 			handle: params.handle,
 			did: userData.did
-		}
+		},
+		rpc
 	};
 };