Hi! I am using alpinejs to sometimes code directly on html when things are small and simple. I noticed that if I use an arrow function the console gives me an error (async function) and stops executing code, but it works if I use a regular function. I think it’s something in the webpack config (I …

Hi! It’s a problem with ACF, still open though. There is a workaround using html entities instead. Take a look here .

Sure in the HTML: <div x-data="{ init() { const array = [4,3,2,1]; array.forEach((item,index) => { array[index] = array[array.length - index - 1]; array[array.length - index - 1] = item; }); console.log(array); } }"></div> in app.js import Alpine from 'alpinejs'; …

Now this is working with Sage 10.5 and bud 6.8 :slight_smile:

having similar issue. example https://alpinejs.dev/magics/watch <div x-data="{ open: false }" x-init="$watch('open', value => console.log(value))"> <button @click="open = ! open">Toggle Open</button> </div> [Skärmavbild 2023-06-12 kl. 17.21.47]

I had a similar problem using > With the alternative solution to use esc_attr [image] Alpine.js and Blade/ACF-composer sage Is it possible and/or good practice to use Alpine.js in Blade templates for ACF Blocks (made with ACF Composer)? I used Alpine.js in normal Blade …

Alpinejs and arrow functions

bud

cim June 12, 2023, 10:00pm 9

I had a similar problem using > With the alternative solution to use esc_attr