From 79d4aff758ddeb50763b75a9d9a12abb82fa04e2 Mon Sep 17 00:00:00 2001
From: Valerio Ageno <51341197+Valerioageno@users.noreply.github.com>
Date: Wed, 5 Feb 2025 16:44:43 +0100
Subject: [PATCH] docs: add TuonoScript component mention (#509)
Co-authored-by: Marco Pasqualetti <24919330+marcalexiei@users.noreply.github.com>
---
.../documentation/routing/defining-routes.mdx | 18 ++++++++++++++++--
1 file changed, 16 insertions(+), 2 deletions(-)
diff --git a/apps/documentation/src/routes/documentation/routing/defining-routes.mdx b/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
index 495f7c48..2050d6ff 100644
--- a/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
+++ b/apps/documentation/src/routes/documentation/routing/defining-routes.mdx
@@ -62,15 +62,29 @@ This file won't generate any route.
### Layout component for all routes
-A file created in this location will wrap all project route.
+`src/routes/__layout.tsx` is a required file that defines the layout component that wraps the entire application.
```tsx
// src/routes/__layout.tsx
+import { TuonoScripts } from 'tuono'
+
export default function RootLayout({ children }) {
- return {children}
+ return (
+
+
+ {children}
+
+
+
+ )
}
```
+> ⚠️ This component is **not** optional and must include:
+>
+> - `` and `body` HTML tags and the
+> - `` component.
+
### Layout component for specific routes
A file created in this location will wrap only the routes defined within the `src/routes/posts` folder.