<template>
    <div class="c-user-address">
        <address class="c-user-address__data">
            {{ this.first_name + ' ' + this.last_name_prefix + ' ' + this.last_name }}<br>
            {{ this.street + ' ' + this.house_number }}<br>
            {{ this.postal_code + ' ' + this.city + ', ' + this.country }}<br>
        </address>
        <slot></slot>
    </div>
</template>

<script>
    import {mapGetters} from "vuex";

    export default {
        props: {
            first_name: {
                type: String,
                default: ''
            },
            last_name_prefix: {
                type: String,
                default: ''
            },
            last_name: {
                type: String,
                default: ''
            },
            street: {
                type: String,
                default: ''
            },
            house_number: {
                type: String,
                default: ''
            },
            postal_code: {
                type: String,
                default: ''
            },
            city: {
                type: String,
                default: ''
            },
            country: {
                type: String,
                default: ''
            },
        },
    };
</script>