# EliOlaMundo (componente de demonstração)

O `EliOlaMundo` é um componente **de exemplo** usado para validar rapidamente o Design System no playground.

> Ele não é um componente “de produto”; ele existe para demonstrar integração com Vuetify e mostrar variações de uso de `EliInput`, `EliBotao` e `EliBadge`.

## Estrutura do repositório (padrão)

Neste Design System:

- **Pastas e arquivos** (quando aplicável) preferem português: `botao/`, `campo/`, `indicador/`, etc.
- **Componentes** mantêm prefixo técnico `Eli` (PascalCase): `EliBotao`, `EliInput`.

Exemplo:

```
src/componentes/
  botao/
    EliBotao.vue
    index.ts
    README.md
  campo/
    EliInput.vue
    index.ts
    README.md
```

## Playground

O playground deve conter arquivos `*.playground.vue` para cada componente, com no mínimo:

- 3 variações visuais/estados
- interações (v-model/click)
- casos de borda relevantes