vue.js: [Vue warn]: Error compiling template: + in laravel blade file

Question

I have one blade file which prints data from the database.

When someone adds data like below in database then while rendering that page I am facing below issue.

I have added in below text in the comment. [{{ auth()->user()->first_name }}]

My blade file code to print comment

the issue is coming because in a comment there are double curly braces, can someone help me how can I prevent this?

Answer 1

To skip Vue from compiling data containing double curly braces ( {{some text}} ) for an element, you could use v-pre . This will display raw mustache tags :

<span v-pre>[{{ auth()->user()->first_name }}]</span>

More : v-pre