I have simple form like this :

app.vue

dynamic form
  <div v-for="(item, i) in form" :key="i">
    <input placeholder="name" v-model="item.name" />
    <input placeholder="age" v-model="item.age" />
  </div>

  <button @click="data.push({ name: '', age: '' })">Add New Row</button>
  <button @click="onSubmit"> submit</button>

when you click on add a new row will be created .

app.vue script

import {ref} from 'vue'
import HelloWorld from './components/HelloWorld.vue';
const form = ref([{ name: '', age: '' }]);
function onSubmit(){
  // validation 
}

now I wanna validate this with vee-validate ,

how can I do it ?