When you remove initial value, form doesn't validate again

[richcolemantx]

When you initially validate the form, everything works as expected. But once you remove a value that's been validated, it no longer validates.

I have a video demonstrating the issue with the code in view.

https://drive.google.com/file/d/1-qy65ZsRsb-LSJUiqj9aW-pPTxG4GQqI/view

...

"@vee-validate/nuxt": "4.12.4",
"@vee-validate/zod": "4.12.4",

...

Here's the page of code, though:

<script setup>
   import { z } from 'zod'
   const validationState = ref()

   definePageMeta({ layout: 'test' })

   const PlayerSchema = z.object({
       id: z.number(),
       name: z.string(),
       color: z.string().nullish(),
   })

   const validationSchema = toTypedSchema(PlayerSchema)
   const player = PlayerSchema.parse({ id: 123, name: 'John Smith', color: '#FFFF00' })

   function handleSubmit() {
       validationState.value = 'VALID'
   }

   function handleInvalidSubmit() {
       validationState.value = 'INVALID'
   }
</script>

<template>
   <div class="m-12 flex flex-col gap-3 p-3">
       <Message>{{ validationState }}</Message>
       <VForm
           class="flex flex-col gap-3 p-3"
           v-slot="{ values }"
           :validation-schema="validationSchema"
           :initial-values="player"
           @submit="handleSubmit"
           @invalid-submit="handleInvalidSubmit">
           <VField as="input" type="number" name="id" id="id" class="bg-slate-700 text-2xl" />
           <VErrorMessage name="id" />
           <VField as="input" name="name" id="name" class="bg-slate-700 text-2xl" />
           <VErrorMessage name="name" />
           <VField as="input" name="color" id="color" class="bg-slate-700 text-2xl" />
           <VErrorMessage name="color" />
           <Btn>SUBMIT</Btn>
           <pre>VALUES: {{ values }}</pre>
           <pre>PLAYER: {{ values }}</pre>
       </VForm>
   </div>
</template>