โครงร่างระดับเส้นทาง

คุณสามารถเพิ่มเลย์เอาต์ที่ใช้เฉพาะกับเส้นทางหนึ่งและรายการย่อยของเส้นทางนั้นได้ โดยวาง +layout.svelte ไว้ในโฟลเดอร์ของเส้นทางดังกล่าว

เลย์เอาต์ที่ซ้อนกันจะทำงานต่อเนื่องกัน: เลย์เอาต์รากจะครอบเลย์เอาต์ของส่วน ซึ่งจะครอบหน้าเว็บอีกที

ส่วนผู้ดูแลระบบสามารถมีเลย์เอาต์แถบด้านข้างของตนเอง พร้อมสืบทอดส่วนหัวระดับสากลได้

แต่ละเลย์เอาต์สามารถโหลดข้อมูลของตนเองได้ โดยข้อมูลจะส่งต่อไปยังเลย์เอาต์และหน้าเว็บที่ซ้อนอยู่ภายใน

หลีกเลี่ยงการเขียนมาร์กอัปซ้ำโดยใช้เลย์เอาต์ร่วมกันที่โฟลเดอร์ซึ่งเป็นจุดร่วมที่ลึกที่สุด

ผสมกลุ่มกับเลย์เอาต์ระดับเส้นทางเพื่อสร้างสถาปัตยกรรมขั้นสูงได้

แต่ละเลย์เอาต์สามารถมี +error.svelte ของตนเอง เพื่อจัดการข้อผิดพลาดเฉพาะส่วนได้

+layout.server.js ทำงานเฉพาะบนเซิร์ฟเวอร์ ส่วน +layout.js ทำงานได้ทุกที่

ให้มองเลย์เอาต์เป็นโครงครอบที่นำมาประกอบกันได้ แต่ละเลย์เอาต์จะเพิ่มบริบท รูปแบบ หรือข้อมูลให้กับรายการย่อยของตน

ทุกหน้าจะถูกแสดงผลภายในเลย์เอาต์บรรพบุรุษทั้งหมด ให้ไล่ลงไปจนถึงหน้าเว็บปลายสุด

เลย์เอาต์จะถูกเก็บไว้ในแคชและนำกลับมาใช้ใหม่ระหว่างการนำทางภายในขอบเขตของเลย์เอาต์

เลย์เอาต์ที่ซ้อนกันทำงานอย่างไร

เพิ่ม +layout.svelte ในแต่ละโฟลเดอร์เพื่อสร้างส่วนติดต่อผู้ใช้เฉพาะส่วน โดยเลย์เอาต์เหล่านี้จะซ้อนกับเลย์เอาต์บรรพบุรุษโดยอัตโนมัติ