I am learning to program in Laravel with VueJs, I am a beginner, I started to develop a simple CRUD and I was able to implement all the functionality of a CRUD, including field validations, my problem is with the field validations, in their messages return as shown below
Thiscodeishereonthispage
<formmethod="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>
Please ask me to see my repository below, and I also ask for suggestions on how I can exchange these messages for something more attractive, I'm asking why I do not even know where to start.