<script setup>
const props = defineProps({
  row: {
    type: Object,
    required: true,
    default: {}
  }
})

const profileStore = useProfileStore()

const profiles = computed(() => props.row.profiles.map(id => profileStore.getProfileById(id).fullName).join(', '))

</script>

<template>
  <span>{{props.row.profiles ? profiles : ''}}</span>
</template>
