Introducing Nuxt-Orama

Introducing Nuxt-Orama

Awesome type-ahead search for Nuxt in minutes

A while back, I came across numerous Reddit posts where individuals were encountering difficulties with in-memory search using OramaSearch in conjunction with Nuxt3. Despite several discussions, newcomers continued to face challenges. Recognizing the need for a comprehensive solution, I took the initiative to develop and open-source a library that simplifies the integration with OramaSearch. Allow me to introduce "nuxt-orama."

Demo: (Explore in Playground)

Key Features:

  1. Easy Configuration: Setting up nuxt-orama is exceptionally straightforward.

  2. Global OramaInstance Access: Gain easy access to the Orama instance throughout your application.

  3. Convenient Composables: Utilize handy composables like useOramaSearch() and useOramaInstance() for seamless integration.

  4. Reactive Search Results: Enjoy the benefits of reactive search results population, eliminating the need for watch() and watchEffect().

Addressed Challenges:

  1. Instant Indexing: No more waiting for instance initialization on the frontend before adding items to the index.

  2. Promise-Free Searching: Eliminate the need to resolve promises while searching and adding items to the index.

  3. First Query Reliability: Resolve the common issue where the first query fails because the search function is triggered before the index is built.

With nuxt-orama, I aim to simplify the process for everyone dealing with OramaSearch in a Nuxt3 project. Feel free to explore the library and streamline your in-memory search experiences.

Star the GitHub repository if you found this interesting.