Eu estou aprendendo a programar em Laravel com VueJs, sou iniciante, comecei a desenvolver um simples CRUD e consegui implementar todas as funcionalidade de um CRUD, inclusive validações de campo, meu problema é com as validações de campo, em suas mensagens de retorno como mostra abaixo
Esse código está aqui nesta pagina
<form method="POST" v-on:submit.prevent="createRegistro">
<div class="modal fade" id="create" tabindex="2" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-lg ">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span>&time;</span>
</button>
<h4>Novo Imóvel</h4>
</div>
<div class="modal-body">
<label for="descricao">Criar Imóvel</label>
<input type="text" name="descricao"placeholder="Descrição do imóvel" class="form-control" v-model="newDesc">
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="preco">Preço</label>
<input type="text" class="form-control" placeholder="Preço" name="preco" v-model="newPreco" >
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="qtdQuartos">Quantidade de Quartos</label>
<input type="number" class="form-control" placeholder="Quantidade de Quartos" name="qtdQuartos" v-model="newQtdQuartos">
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="form-group">
<label for="tipos">Tipo do Imóvel</label>
<select class="form-control" name="tipos" v-model="newTipo">
<option selected>Apartamento</option>
<option>Casa</option>
<option>Kitnet</option>
</select>
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
</div>
<div class="col-md-6">
<div class="form-group">
<label for="finalidade">Finalidade do imóvel</label>
<select class="form-control" name="finalidade" v-model="newFinalidade">
<option>Venda</option>
<option>Locação</option>
</select>
</div>
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
</div>
<h4>Endereço</h4>
<hr>
<div class="form-group">
<label for="logradouroEndereco">Logradouro</label>
<input type="text" class="form-control" placeholder="Logradouro" name="logradouroEndereco" v-model="newLogradouroEndereco">
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
<div class="row">
<div class="col-md-10">
<div class="form-group">
<label for="bairroEndereco">Bairro</label>
<input type="text" class="form-control" placeholder="Bairro" name="bairroEndereco" v-model="newBairroEndereco">
<span v-for="error in errors" class="text-danger">@{{ error }}</span>
</div>
</div>
</div>
</div>
<div class="modal-footer">
<input type="submit" class="btn btn-primary" value="Salvar">
</div>
</div>
</div>
</div>
</form>
Solicito por favor que vejam o meu repositório abaixo, e solicito também sugestões de como posso trocar essas mensagens por algo mais atrativo, estou perguntando porque eu nem sei por onde começar.