Multiple sliders on page, get the specific instance in a Move event firing

[cheeseytoastie]

Requirement is to only show three pagination dots (next, prev and active) - so I want to add / remove custom classes to the pagination dots.

The main problem I'm having is creating code that captures the event move and then being able to "know" which Splide instance I'm in to do so something (add some custom classes).

I thought I could just loop through the instances, and if I pass the instance it will "operate" on the correct splide. It always seems to use the last one created.

I'm trying to capture both the create and move.

Here's a CodePen link: https://codepen.io/siempre_steve/pen/oNyyrMo

I suspect I'm doing something stupid in JS here. Any pointers much appreciated.

[cheeseytoastie]

Will raise an issue.