vue-componentes/src/componentes/ola_mundo/README.md

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