Only require "Load more" button to be clicked once when viewing results (infinite scroll)

[odin-h]

Problem

The load more button is required to be clicked every time you want to load a new set of results when scrolling down the page. This can feel tedious when you want to load a lot of results.

Proposed solution

After the user has clicked the "Load more" button once and indicated they want to continue loading more results, hide the button and load new results automatically next time the user scrolls down to near the bottom of the page.

Part of

• #88

[raphodn]

Hi @odin-h, thanks for the idea.

This requires to detect that the user is at (or close to) the bottom of the list.

I see that Vuetify has an "infinite scroll" module, maybe a good option : https://vuetifyjs.com/en/components/infinite-scroller/#usage