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/destaque-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
@header class=border-b
@div class=max-w-5xl mx-auto px-6 py-4 flex items-center justify-between
@a href=. class=font-bold text-lg
Minha Empresa
@nav class=flex gap-4
@a href=.
Home
@a href=produtos
Produtos
@a href=contato
Contato
@div
@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 templates para isso.
Feito com ❤️ e Seed