[Bug Report][3.5.9] The first form entry will not be validated if the form is reset and validated at the same time

[kschwedler]

Environment

Vuetify Version: 3.5.9
Vue Version: 3.4.19
Browsers: Chrome 122.0.0.0
OS: Windows 10

Steps to reproduce

• Use the example from the documentation: https://vuetifyjs.com/en/components/forms/#exposed-properties
• Add button and function that resets the form and validates it to show validation errors
• Fill out form
• Use the button

Expected Behavior

All fields are in an error state

Actual Behavior

All fields are in an error state except the first input

Reproduction Link

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

Other comments

When filling out the wrongly validated form, it is possible to submit the form with an empty first input when the form doesn't get validated after pressing submit

[b-maslennikov]

try

import { nextTick } from 'vue'

resetAndValidate() {
    this.$refs.form.reset()
    nextTick(async () => await this.$refs.form.validate())
}

playground

[kschwedler]

try

import { nextTick } from 'vue'

resetAndValidate() {
        this.$refs.form.reset()
        nextTick(async () => {
          await this.$refs.form.validate()
        })
      }

playground

Wow that was fast, works for me!
But in general my example should work right?

[b-maslennikov]

i dunno
but it stopped working in 3.3.0 (almost year ago)

[KaelWD]

Reset is also asynchronous, it uses nextTick itself between clearing the value and re-running validation. The correct way to do this will be

await this.$refs.form.reset()
await this.$refs.form.validate()