AlpineJS "loses" reactivity when rendered using <.live_component> Liveview >0.17

[Rubas]

The problem with Alpine.initTree(node) is that the current state is lost and everything is reinitialized (x-init…).

I outlined the correct solution here:

Proper AlpineJS Integration with Liveview

Problem When using more complex nested components, especially with live_components, AlpineJS can stop working after updates. This issue is also documented here: https://elixirforum.com/t/adding-new-liveview-component-ignores-alpinejs-directives/41665/1 https://elixirforum.com/t/alpinejs-loses-reactivity-when-rendered-using-live-component-liveview-0-17/51447 https://github.com/alpinejs/alpine/issues/911 Source All available documentation instructs you to integrate Alpinejs in the app.js with…