<template>
    <div v-show="comments.length > 0">
        <label class="form-label">Commentaires</label>
        <comment ref="comments"
            v-for="comment in comments"
            v-bind:comment="comment.comment"
            v-bind:username="comment.user_name"
            v-bind:date="comment.submit_date"></comment>
    </div>
</template>

<script>

    import Comment from './Comment.vue'

    export default {
        components: {
            Comment
        },
        data() {
            return {
                'comments': []
            }
        },
    }

</script>