doc: update tutorial

examples/tutorial/src/routes/index.rs

@@ -1,5 +1,5 @@
-use reqwest::StatusCode;
 // src/routes/index.rs
+use reqwest::StatusCode;
 use serde::{Deserialize, Serialize};
 use tuono_lib::{Props, Request, Response};
 

examples/tutorial/src/routes/pokemons/[pokemon].rs

@@ -1,3 +1,4 @@
+// src/routes/pokemons/[pokemon].rs
 use reqwest::StatusCode;
 use serde::{Deserialize, Serialize};
 use tuono_lib::{Props, Request, Response};
@@ -22,7 +23,6 @@ async fn get_pokemon(req: Request<'_>, fetch: reqwest::Client) -> Response {
             if res.status() == StatusCode::NOT_FOUND {
                 return Response::Props(Props::new_with_status("{}", StatusCode::NOT_FOUND));
             }
-
             let data = res.json::<Pokemon>().await.unwrap();
             Response::Props(Props::new(data))
         }

examples/tutorial/src/routes/pokemons/[pokemon].tsx

@@ -1,6 +1,15 @@
-import { TuonoProps } from 'tuono'
+import type { TuonoProps } from 'tuono'
 import PokemonView from '../../components/PokemonView'
 
-export default function Pokemon({ data }: TuonoProps): JSX.Element {
+interface Pokemon {
+  name: string
+  id: string
+  weight: number
+  height: number
+}
+
+export default function PokemonPage({
+  data,
+}: TuonoProps<Pokemon>): JSX.Element {
   return <PokemonView pokemon={data} />
 }