'Alpine3 js & Larvavel

I'm having some issues trying to get the following code to work. I'm sure I'm over looking something simple but cannot spot it

My code is bringing up the error: Alpine Expression Error: unexpected token: string literal

<div 
    x-data="{ images: ['background-1.jpg', 'background-2.jpg'], index: 0}"
    x-init="index = Math.floor(Math.random() * images.length)">

    <div :style="'background-image: url(/img/' + $images[index]')'"></div>
laravelalpinealpine.js


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions