docs(start/tutorial): small update (#10548)

Author: antonmontrezor

contributors.yml

@@ -14,6 +14,7 @@
 - AmRo045
 - amsal
 - andreiduca
+- antonmontrezor
 - appden
 - arnassavickas
 - aroyan

docs/start/tutorial.md

@@ -1487,8 +1487,17 @@ You could certainly do this as a controlled component, but you'll end up with mo
 
 Notice how controlling the input requires three points of synchronization now instead of just one. The behavior is identical but the code is more complex.
 
-```jsx filename=src/routes/root.jsx lines=[1,6,9-11,25-28]
+```jsx filename=src/routes/root.jsx lines=[1,6,15,18-20,34-37]
 import { useEffect, useState } from "react";
+// existing code
+
+ export async function loader({ request }) {
+  const url = new URL(request.url);
+  const q = url.searchParams.get("q") || "";
+  const contacts = await getContacts(q);
+  return { contacts, q };
+}
+
 // existing code
 
 export default function Root() {