feat: add TuonoProps type

examples/tuono/src/routes/__root.tsx

@@ -8,7 +8,7 @@ export default function RootRoute({ children }: RootRouteProps): JSX.Element {
   return (
     <>
       <nav>
-        Navbar: <Link>About</Link>
+        Navbar: <Link href="/">Home</Link> | <Link href="/about">About</Link>
       </nav>
       <main>{children}</main>
     </>

examples/tuono/src/routes/index.rs

@@ -3,14 +3,12 @@ use tuono_lib::{Request, Response};
 
 #[derive(Serialize)]
 struct MyResponse<'a> {
-    title: &'a str,
-    subtitle: &'a str,
+    description: &'a str,
 }
 
 #[tuono_lib::handler]
 fn get_server_side_props(req: &Request) -> Response {
     Response::Props(Box::new(MyResponse {
-        title: "title",
-        subtitle: "subtitle",
+        description: "This descriptions comes from the rust server",
     }))
 }

examples/tuono/src/routes/index.tsx

@@ -1,3 +1,20 @@
-export default function IndexPage(): JSX.Element {
-  return <h1>Index Page</h1>
+import type { TuonoProps } from 'tuono'
+
+type IndexProps = {
+  description: string
+}
+export default function IndexPage({
+  data,
+  isLoading,
+}: TuonoProps<IndexProps>): JSX.Element {
+  if (isLoading) {
+    return <h1>Loading...</h1>
+  }
+
+  return (
+    <>
+      <h1>Index Page</h1>
+      <p>{data?.description}</p>
+    </>
+  )
 }

packages/tuono/src/index.ts

@@ -6,4 +6,6 @@ import {
   RouterProvider,
 } from './router'
 
+export type { TuonoProps } from './types'
+
 export { createRoute, createRootRoute, createRouter, Link, RouterProvider }

packages/tuono/src/router/hooks/useServerSideProps.tsx

@@ -45,7 +45,8 @@ export function useServerSideProps(
       ;(async (): Promise<void> => {
         setIsLoading(true)
         try {
-          const res = await fetch(`/__tuono/data/${route.path}`)
+          const path = route.path === '/' ? '' : route.path
+          const res = await fetch(`/__tuono/data/${path}`)
           setData(await res.json())
         } catch (error) {
           // Handle here error

packages/tuono/src/types.ts

@@ -0,0 +1,4 @@
+export interface TuonoProps<T> {
+  data?: T
+  isLoading: boolean
+}