Let's create a basic form that allows us to input a firstName, lastName, email, and password. This will allow us to add validation rules with Vuelidate and visualize them on screen:
<template> <div> <form class="form" @submit.prevent="onSubmit"> <div class="input"> <label for="email">Email</label> <input type="email" id="email" v-model.trim="email"> </div> <div class="input"> <label for="firstName">First Name</label> <input type="text" id="firstName" v-model.trim="firstName"> </div> <div class="input"> <label for="lastName">Last Name</label> <input type="text" id="lastName" v-model.trim="lastName"> </div> <div class="input"> <label for="password">Password</label> <input type="password" id="password" v-model.trim="password"> ...
