I'm confused on nested validations

[wishinghand]

If I have a component like so:

<template>
    <FormA />
    <FormB />
    
   <p v-for="error of form.$errors">
      {{ error.$message }}
   </p>

</template>

<script setup>
const form = useValidation();
</script>

I'm unsure of how to bubble up the errors to be collected in the top level useValidation instance