Hay un proyecto de laravel en el que estoy trabajando, en el que tengo que recuperar datos de la base de datos y luego mostrárselos a los usuarios. la cuestión es que tengo algunos componentes preconstruidos en javascript y los datos deben estar dentro de él. un ejemplo seria:

 var element = ` <div class="col-12 p-4 d-flex flex-column"> <h3 class="text-white"> {{$user_data->data}} </h3> <div class="bg-white p-3 rounded"> <p class="mb-0"> {{$user_data->data}} </p> </div> </div>`;

y luego agregaría este elemento div al cuerpo de blades en mi archivo js. el problema es que las etiquetas php funcionan como cadenas, por lo que lo que obtengo en lugar de los datos de los usuarios en la página es {{$user_data->data}}. ¿Alguien puede ayudarme a arreglar eso?