<div class="comment" v-bind:style="{ marginLeft: (level * 15) + 'px' }">

        <div class="comment-body">

            <strong class="comment-author">{{ username }}</strong>

            <div class="comment-content" v-html="commentFormatted"></div>

        </div>

            <a v-if="allowThread" href="#" v-on:click.prevent="showForm = !showForm">Répondre</a>

            <comment-form v-bind:reply-to="id" v-if="allowThread" v-show="showForm">

                <button slot="submit" type="submit" class="btn btn-xs btn-primary">Valider</button>

                <a slot="submit" href="#" v-on:click.prevent="showForm = false" class="text-muted" style="margin-left: 5px;">Annuler</a>

            </comment-form>

    const converter = new showdown.Converter({

        simpleLineBreaks: true

    })

        components: ['comment-form'],

            'id',

            'level',

            'date',

            'allowThread'

        data() {

            return {

                showForm: false

            }

        },

.comment-author {

    float: left;

    margin-right: 4px;

}

.comment-date {

}