Accessing value of array inside of array in vuejs

I am currently learning Vue3. I am trying to access the values of the array inside an array to make a nice table. Then, those values will be separated by a comma.

Here is the link: https://stackblitz.com/edit/vue-chdcrt?

Expected output:

name | email | socialMedia

Ram | Ram@gmail.com | Weibo, Linkedln

>Solution :

You can just use array.join(character to split with) to convert the array of social medias into a string list.
In this case it would be

<td>{{ info.socialMedia.join(', ') }}</td>

Project link