Uso v-snackbar para mostrar mensajes de alerta de las respuestas de la API.

Al mismo tiempo, me gustaría que el campo de entrada de mi nombre ( v-model="form.values.name" ) no sea válido . Quiero ver un borde rojo y así sucesivamente. ¿Hay alguna manera de forzar a una clase .invalid a ingresar el tipo de texto de Vuetify?

Aporte

 <v-text-field dense outlined v-model="form.values.name" :rules="form.rules.name" label="Name" required ></v-text-field>

snack bar

 <v-snackbar transition="true" timeout="2000" v-model="alert" absolute top :color="alertColor" outlined right> <strong> {{ alertMessage }} </strong> </v-snackbar>

Comprobación de API

 axios.post(BACK_END_API, body).then((response) => { if (response.data.status == 0) { ... } else { // I AM HERE ⬇️ this.alert = true this.alertColor = 'red' this.alertMessage = response.data.failures[0].detail } }) }