<script setup>
import { computed } from "vue"

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

const addressData = computed(() => props.row?.infoData || props.row?.info_data || {})
</script>

<template>
  <span v-if="addressData.streetNumber">{{ addressData.streetNumber }},</span>
  <span v-if="addressData.street">{{ addressData.street }},</span>
  <span v-if="addressData.special">{{ addressData.special }},</span>
  <span v-if="addressData.zip">{{ addressData.zip }},</span>
  <span v-if="addressData.city">{{ addressData.city }}</span>

</template>
