sorry my question feels lame but i need help. How can i iterate though something like:

`    <template slot-scope="{data}">
     <vs-tr v-for="(group, index) in data" :key="index">
     <vs-td :data="data[index].photo">
     <img radius :src="data[index].photo" width="30" height="30" />
     </vs-td>
     <vs-td :data="data[index].groupName">{{ data[index].groupName }}</vs-td>
     <vs-td :data="data[index].groupLeader">
     <p>{{ data[index].groupLeader[0].firstName }} {{ data[index].groupLeader[0].lastName }}</p>
     </vs-td>
     <vs-td :data="data[index].totalMembers">{{ data[index].totalMembers }}</vs-td>
     <vs-td>`<br><br>`


  

when the data looks like this:

` 0:
    groupDescription: "DBVAJCVKsdfvs"
    groupLeader: Array(2)
    groupName: "ABDHBDS"
    members: Array(5)
    photo: 
    totalMembers: 5
    _id: "614f6df366fca20018344434"`

And i need to display groupLeader firstName and last name