I'm confused on nested validations

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