Liveview blowing up Alpine state?

[arcanemachine]

I’m a big fan of Alpine.js and it’s good to see others getting it to work with LV.

Have you seen this other thread on the topic? There’s some snippets in there that are also useful on working around some of the issues with Alpine:

Proper AlpineJS Integration with Liveview

Just in case this helps… I was playing with Alpine again and found a way around a few issues I had previously had with something similar. Instead of having variables inside x-data, use an attribute and a mutation observer. <div x-data="{foo: null}" foo={@foo} /> init() { this.foo = this.$el.getAttribute("foo"); this.observer = new MutationObserver((mutations) => { mutations.forEach((m) => { if (m.attributeName == "foo") { this.foo = this.$el.getAttribute("foo"); }…