Can't get :identifier works about vue3-infinite-loading HOT 6 CLOSED

Thank you @tadvas.
I think what you missed here is resetting the comments array to get the desired behavior.
Add a watcher to testNumber and reset comments on each change or better reset the comments array
on the load function before fetching new data.

const load = async ($state) => {
  comments.value = [];
  // then fetch new data
};

from vue3-infinite-loading.

In my example above try to remove the identifier prop and you'll see that it doesn't work anymore
So identifier ensures that the infinite event will be triggered whenever the identifier changes and the infinite is visible in the viewport.
Because once $state.complete() is called the observer get's disconnected but once the identifier is changed the observer starts again and emits the event.

from vue3-infinite-loading.

identifier prop expects a reactive variable so you should declare testNumber as follows

let testNumber = ref(1);

And you should clear comments variable on each change
Here is an example on staskblitz
even though it calls $state.complete() the infinite event is emitted if the identifier changed

from vue3-infinite-loading.

@oumoussa98 thanks for the reply
Good catch regarding reactive variable.
But even in example, the component doesn't get reloaded...
Fix me, if I wrong, please

Sorry for bothering you, but it's the best infinity scroll for vue3, so I want to make it work :)

from vue3-infinite-loading.

And I mean by reloaded is sending a request to the server to grab new params. I don't see a request.
However, after checking the source code, I don't see an issue as well, so looks like I just need a help(

from vue3-infinite-loading.

I made it work.
Watcher with resetting of comments+page does the trick.
Working example
However, the question regarding the identifier remains :)

In my example, I don't see any effect of using it. Once the watcher is activated - the list is reset.
I guess the idea here is to avoid using watcher in the code. Should it be triggered in the library once the identifier prop is changed?

from vue3-infinite-loading.