Vue.js 1.0 show line breaks.

I think this case solves you problem https://laracasts.com/discuss/channels/vue/vuejs-how-to-return-a-string-with-line-break-from-database

Or you can do a nl2br using native js http://locutus.io/php/strings/nl2br/

My solution:

 <p v-for="(line, index) in commentLines" :key="'line-' + index" class="mb-2">
                    {{ line }}
 </p>

commentLines(): string[] {
            if (!this.activity.comment) {
                return [];
            }

            let lines = this.activity.comment.split('\n');
            lines = lines.map((l) => l.trim());

            return lines;
},