[Bug Report][3.3.0] Error messages aren't shown if set from external source

[lioneaglesolutions]

Environment

Vuetify Version: 3.3.0
Last working version: 3.2.5
Vue Version: 3.3.4
Browsers: Chrome 113.0.0.0
OS: Mac OS 10.15.7

Steps to reproduce

Set error-messages to a value from some external source - in the repro, simply click the button to emulate errors being set from another service such as vee-validate.

Input is in error state but messages not shown.

Expected Behavior

Error messages to show without having to blur the input

Actual Behavior

Error messages don't show unless the input is blurred

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Example in docs also doesn't work

https://vuetifyjs.com/en/components/forms/#vee-validate

[lioneaglesolutions]

Likely caused by d1da47a#diff-bfb7e69738bb67211b49b47bbdcf5f9fa724199beab1b517d39d217d128de235

If error-messages is not empty, error messages should always be displayed IMO - regardless of whether the value is pristine or not

[lioneaglesolutions]

So a workaround is to wrap all inputs in a form and use <v-btn type="submit" ... and <v-form @submit.prevent="submit" ...

But I do feel this should be fixed - happy to help but not sure how to resolve as this was a recent change and may affect validation elsewhere

https://play.vuetifyjs.com/#eNqNUktP4zAQ/iuWLwWpTpYtp26puoc9roTEsekhjwkY4ofsSVpU9b8zthsalQPcMt/MfI9xtkf+19ps6IEv+QpB2a5EWBeasdUgHHhrtJcDBICxuiu9fyi4OoiyR8NUKe5+Fzw1VXkQe9ngCw0s7u8TTEypG/la4xTb+L5SEjPrYACNNJ2AgkfZz2GEA4pWQteMcFdW0NH8I7nYG9eMyozhuwVqSG174hnRJThnnFDgffkMwXgE/DixXuVTmYn85etspkI9ioxuL9eoBKVdPwGyf5E/0NLCmS9UIXg6KhWXqxK0yidHp9LXTlpkHrC3hEhljUN2dNDOmdH/Ta8RmhNrnVFsRs82+xNoC10TI7KUjz0wmr/Z7m7PzbbXNUqjWfJ+c8uOoZGms6HseqCd7aw1JoGzHW2egrvkZ83nvJP6zWev3mj6VeJ+wWtPx1yybUpa8BdE65d5XjeaJhvo5OAyDZhrq3Jyi7J93yyyRfYrb6THERL0sj6LZIFpR9okmLILVdor1dSIyhEJGDGF+hsLGxrLHd1QKhCNUdHLXfIygTPwSlTO7D04Iin4fCITDP9A6ru0JPGFOie9ARz9IboBB+6nia7WpqmuWl+SBXV66BM/zXlco8NHy3z3AXugXPg=

[lioneaglesolutions]

Another workaround is to validate the form onMount;

<template>
  <v-form v-bind="$attrs" ref="form">
    <slot />
  </v-form>
</template>

<script lang="ts" setup>
import { VForm } from "vuetify/lib/components/index.mjs";

defineEmits(["submit"]);
const form = ref<VForm>();

// TODO - this should be removed when issue resolved
onMounted(() => {
  form.value?.validate();
});
</script>

[KaelWD]

Yeah the problem is there's currently no distinction between errorMessages from rules and explicit props.errorMessages