Includes
O @include permite reutilizar partes de páginas em múltiplos lugares, como headers, footers e sidebars.
Sintaxe
```seed @include _header @include _footer @include components/hero-padrao ```
A extensão .seed é adicionada automaticamente. O arquivo é buscado a partir do diretório do arquivo atual.
Exemplo prático
Crie src/_header.seed:
```seed
@nav
@logo
@image src=/logo.png, alt=Minha Empresa
@menu
@item href=/
@title Home
@item href=/produtos
@title Produtos
@actions
@button variant=primary
Falar com vendas
```
E use no layout:
```seed
---
title: Meu Site
---
@include _header
@div class=max-w-4xl mx-auto px-6 py-12
{content}
@include _footer
```
Convenção de nomenclatura
Por convenção, arquivos de include começam com _ para diferenciá-los de páginas completas:
``` src/ ├── _header.seed ├── _footer.seed ├── _sidebar.seed ├── default.layout ├── index.seed └── sobre.seed ```
ℹ️
Includes são resolvidos antes do render. O conteúdo incluído é renderizado em HTML e inserido no ponto do @include. Não é possível passar props para includes — use layouts ou design templates para isso.