not changing the classes

[gfrancis86]

I don't know what I'm doing wrong but the plugin will not change the class names from no-active to active even though I'm scrolling

<div v-for="item in localSessions" :key="item._id" :id="item._id" v-scroll-show="{parentId: 'listData'}" >.. </div>

This is the code, when it loads, the first items have the class active, and bottom items have no-active
but as I scroll, the items remain no-active
?? what am I doing wrong??
I also notice the elements that have the active class are not really the ones that are visible in the container, I think it adds the active class to the items that would be visible in the viewport not the parent container