Download the PHP package kallbuloso/breeze-element-plus without Composer

Breeze Element Plus

Starter kit Laravel inspirado no Laravel Breeze, com autenticacao via Inertia, Vue e Element Plus.

O pacote instala uma base opinativa para aplicacoes Laravel que usam Vue no frontend, mantendo a simplicidade do Breeze e reaproveitando padroes usados em projetos Kallbuloso.

Recursos

• Stack vue com Inertia, Vue 3, Element Plus, Pinia, Ziggy e Vite.
• Stack api para autenticacao API com Sanctum.
• Stubs compartilhados de autenticacao, testes, controllers, requests e middleware.
• Layout autenticado com stores, composables, utilitarios e integracao com Iconify.
• Facade Toast para notificacoes flash enviadas pelo backend.
• Tooling com ESLint, Prettier, TypeScript e vue-tsc.
• Suporte opcional a SSR para Inertia.
• Migration de usuario com is_owner, profile_photo_path e softDeletes.
• Seeder inicial com usuario de teste.
• Senhas com Argon2id, pepper versionado e migracao automatica de hashes legados.
• Sessao criptografada, hosts confiaveis e rate limit em camadas para login.
• Idioma da aplicacao selecionavel entre en, es, pt e pt_BR, com pt_BR por padrao.

Requisitos

• PHP 8.2 ou superior.
• Laravel 11, 12 ou 13.
• Composer.
• Node.js e npm, pnpm, yarn ou bun.

Instalacao Local

Para testar este pacote em uma aplicacao Laravel antes de publicar no Packagist, adicione um repositorio path no composer.json da aplicacao de teste:

Depois instale o pacote:

Tambem e possivel testar diretamente a branch principal:

Instalacao Publicada

Quando o pacote estiver publicado, instale com:

Stack Vue

Para instalar a stack Inertia, Vue e Element Plus:

Com SSR:

Com Pest:

O instalador copia os stubs, instala dependencias Composer e npm, executa migrate:fresh --seed e prepara os arquivos de frontend.

Depois da instalacao, voce pode rodar:

Para desenvolvimento:

ou:

Stack API

Para instalar apenas a base API:

A stack API instala Sanctum, rotas, controllers, requests, testes e a estrutura de autenticacao compartilhada.

Idiomas

O instalador permite selecionar o idioma preferencial da aplicacao. Em modo interativo, pt_BR aparece como opcao padrao.

Para uma instalacao nao interativa, informe o idioma com --lang:

Os idiomas disponiveis sao en, es, pt e pt_BR. Se --lang nao for informado em modo nao interativo, sera usado pt_BR. O instalador copia somente o diretorio escolhido para lang/, atualiza APP_LOCALE, APP_FALLBACK_LOCALE e APP_FAKER_LOCALE, e adiciona ao frontend o locale do Element Plus em resources/js/locales/{language}.js e as mensagens da aplicacao em resources/js/locales/{language}/message.js.

Na stack Vue, o idioma visual dos componentes e fornecido pelo locale correspondente do Element Plus. Os textos de autenticacao, perfil, navegacao, tema e layout usam Vue I18n em modo Composition API, com o mesmo idioma fixado durante a instalacao e suporte a renderizacao SSR. A fachada @/locales continua sendo o ponto unico de entrada para o frontend, gerada em resources/js/locales/index.js durante a instalacao.

As traducoes espanholas e portuguesas foram adaptadas dos dados estaticos do Laravel-Lang, distribuido sob licenca MIT. O aviso correspondente esta preservado em stubs/localization/LICENSE-LARAVEL-LANG.

Seguranca de Senhas

Durante a instalacao, o pacote gera um HASH_PEPPER aleatorio de 32 bytes e grava o valor somente no .env. O .env.example recebe apenas a variavel vazia e pode continuar versionado com seguranca.

Os hashes usam Argon2id e recebem um identificador de versao, como v1. Hashes bcrypt ou Argon existentes continuam validos enquanto HASH_ALLOW_LEGACY=true e sao atualizados automaticamente depois de um login bem-sucedido.

Para rotacionar o pepper, mova o identificador e segredo atuais para HASH_PREVIOUS_PEPPERS, defina um novo identificador e gere um novo segredo:

Mais de um pepper anterior pode ser informado, separado por virgula. Mantenha os valores anteriores ate que os hashes ativos tenham sido migrados e execute php artisan config:clear depois de alterar essas variaveis.

O instalador tambem habilita SESSION_ENCRYPT=true. SESSION_SECURE_COOKIE e ativado automaticamente quando APP_URL usa HTTPS; em producao, use sempre uma URL HTTPS e configure TRUSTED_PROXIES apenas com proxies controlados.

Usuario de Teste

O seeder cria um usuario inicial:

Esse usuario e criado com is_owner habilitado.

Estrutura Instalada pela Stack Vue

A stack vue adiciona ou atualiza, entre outros:

• resources/js/app.js
• resources/js/ssr.js, quando --ssr for usado
• resources/js/bootstrap.js
• resources/js/Components
• resources/js/Layouts
• resources/js/Pages
• resources/js/Stores
• resources/js/composables
• resources/js/utils/iconify.js
• resources/css/app.css
• vite.config.js
• eslint.config.js
• .prettierrc
• .prettierignore
• .editorconfig

Toast

O pacote mantem uma facade Toast para notificacoes vindas do backend. Exemplo:

Os toasts sao compartilhados com o frontend pelo middleware Inertia e exibidos no layout da aplicacao.

Atualizando no App de Teste

Quando alterar este pacote localmente, rode na aplicacao de teste:

Depois:

Licenca

Este pacote e open source sob a licenca MIT.