Problama con vuejs templates en laravel

Publicado hace 4 meses por pablo-rojas

Como les va ? me esta danado este "error" y la verdad ya no se que hacer, me muestra todos los datos, pero la iamgen, les dejo parte del codigo, les agradeceria una mano en esto ya probe con v-bind y v-attr pero ambos me trancan la pagina, o sea, como que bloquea la carga archivo blade

<muro-list  v-for="post, index in lists" 
          :name = "post.name"
          :detalle = "post.detalle"
          :img = "post.img">

          </muro-list>

archivo js

const newLocal = `
    <div>
        <div class="card border-success mb-3" style="max-width: 80rem;">
            <div class="card-body">
                <h4 class="card-title">{{ name }}</h4>
                <hr>
                <p class="card-text">{{ detalle }}</p>
            </div>
            <img style="height: 200px; width: 100%; display: block;" src="../post/social/{{ img }}" alt="Card image">
            <div class="card-footer text-muted">
                2 days ago 
            </div>
        </div>
    </div>
    ```
    Vue.component('muro-list',{
        props:{
            name: String,
            detalle: String,
            img: String
        },
        template: newLocal
    });
new Vue({
    el: '#main',
    created: function() {
        this.getPosts();
        this.getUsers();
        //console.log(this.getUsers);
        document.getElementById("loading").hidden = true;
    },
    data: {
        lists: [],
        users: [],
        newDetalle: '',
        fillKeep: {'id': '', 'keep': ''},
        userId: '',
        errors: [],
        aviso: 'Sitio en desarrollo, pueden existir errores',
        nueva_publicacion: 'Hay publicaciones nuevas',
    },
		```
		
		
Editado