Vue - Best practice for reactive Zod schemas in useForm

[yulafezmesi]

Hi there, I'm using Zod for validation. I have a scenario where my validation schema needs to be reactive because it depends on asynchronous data (e.g., a user's wallet balance loaded from a hook).

The Problem
I initially tried passing the computed schema directly to the validators option. However, useForm seems to capture the initial value of schema.value, so when the dependent data (uiBalance) updates, the validation logic remains stale (e.g., it still thinks the balance is 0).

const { uiBalance } = useBalance(); // Async data

// Schema depends on uiBalance
const schema = computed(() => {
  return z.object({
    amount: z.number().max(uiBalance.value),
  });
});

const form = useForm({
  defaultValues: { amount: '' },
  validators: {
    // ❌ This loses reactivity. It uses the initial schema snapshot.
    onChange: schema.value, 
  },
  // ...
});

Question
What is the correct way to pass a computed Zod schema to validators so that the form validation rules update automatically when the underlying data changes?

[yulafezmesi]

for those who wondering i ended up uses this approach:

 onChange: ({ formApi }) => {
      const errors = formApi.parseValuesWithSchema(schema.value);
      if (errors) return errors;
    },