Seed

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.