danielcarr's avatar

Alpine Js directives showing in blade

I am fetching the data from a controller using alpine in app.js and passing the data to an array, the view waits for the data to load before showing the images.

In the console I can see both the alpine directives and the outputted HTML, is this normal behaviour or am I doing something wrong?

<img class="h-full w-full object-cover transition-all duration-300 group-hover:scale-125" :src="book.thumbnail_url" :alt="book.title"

src="https://site.com/images/thumbnails/znc3ohRO39JRFTBI.webp" alt="find me">

1 like
1 reply
vincent15000's avatar

I don't see any AlpineJS in this code.

<img
	class="h-full w-full object-cover transition-all duration-300 group-hover:scale-125"
	:src="book.thumbnail_url"
	:alt="book.title"
	src="https://site.com/images/thumbnails/znc3ohRO39JRFTBI.webp" alt="find me"
>

Can you share all the code including the AlpineJS code ?

In the title you say.

Alpine Js directives showing in blade

But in the your post you say.

In the console I can see both the alpine directives and the outputted HTML

What do you really see and where ?

Please or to participate in this conversation.