How to Implement Pagination in SelectMenu for Large Datasets?

[tahirmahmudzade]

Description

I’m using the USelectMenu component from Nuxt UI and have encountered performance issues when dealing with large datasets. I have a dataset of approximately 900 items, and when displaying all of them in the SelectMenu, it slows down significantly or even freezes slightly during interactions.

To optimize the performance, I would like to implement pagination with lazy loading. Here’s what I aim to achieve:
• Initially display the first 25 items.
• As I scroll to the bottom of the dropdown, load the next 25 items dynamically (incrementally).

Is there a built-in way to achieve this in SelectMenu, or would you recommend a specific approach (e.g., using a custom scroll listener or integrating infinite scrolling)? Any guidance or examples would be greatly appreciated!