Recursive component

[chosten]

Hello,
I can't seem to find a way to create recursive components. Is it possible with alpine ?
Something like a tree component for example. I can render one level no problem but I'm stuck trying to render the nodes recursively.

[SimoTod]

Alpine doesn't support it. You need to find a third party library and instantiate it in an x-init directive

[mhussa]

see this

[leopku]

Thank you @mhussa for the amazing example.

But could you please look at https://codepen.io/leopku/pen/MWjVEyw ?
This example had little changes which load AJAX data in x-init and It broken.

Could you please help me to find the point it broken?

[KevinBatdorf]

@leopku You need to use an arrow function to keep the scope of this to the component. Update your code to this:

.then(data => {
  // console.log(data.json);
  this.levels = data.json;
})

[leopku]

@KevinBatdorf Thanks a million.

[mhussa]

Thank you @mhussa for the amazing example.

To be clear, the example was written and shared by this righteous dude: https://codepen.io/ScottWindon

[leopku]

Thank you @mhussa for the amazing example.

To be clear, the example was written and shared by this righteous dude: https://codepen.io/ScottWindon

My mistake. Thanks Scott Windon.

[michaelsboost]

For anyone else having issues with this. I made a Codepen showing how I was able to do it.

https://codepen.io/michaelsboost/pen/bGPdNMX