Managing Loading State in Typesense Using Nuxt.js
TLDR Nasim needed advice on implementing a loading state during the Typesense loading process in Nuxt.js. Jason initially suggested using vue-instantsearch, but Nasim found a solution by using a temporary variable to toggle the loading state.
2
Aug 18, 2022 (16 months ago)
Nasim
05:00 AMJason
05:22 AMJason
05:23 AMNasim
05:24 AMJason
05:25 AMNasim
05:30 AMNasim
05:33 AMJason
05:33 AM1
Jason
05:33 AMNasim
05:35 AMfirstSearchDone
and initially it’s value is false
and then I listen to search middleware and see if a search has been completed. If it’s completed then I change the value to true
. Based on this value, I toggle the loading state.1
Typesense
Indexed 3015 threads (79% resolved)
Similar Threads
Implementing State Export Feature Using Typesense InstantSearch.js on Node.js Backend
Kyle needed help passing search state to backend for implementing an "Export" feature, while using Typesense InstantSearch. Jason provided multiple solutions including advice on using Typesense InstantSearch adapter. The issue was resolved after some iteration.
Configuring Vue Search Component with Typesense
Ramy struggled with unexpected initial results in a Vue-Typesense application. Jason provided a solution to customize this behaviour.
Resolving Typesense Setup Issues with VueJS
A sought help with setting up Typesense in a CDN VueJS application. Jason guided him to adjust the initialization and provided a solution to an undefined item warning, resulting in a successful setup.
Custom Hook with Typesense.js for Product Search
Jameshwart seeks a way to set a state before starting a search function in typesense.js. Jason suggests using hooks exposed by axios, mentioning possible GraphQL integration with Typesense.
Implementing Search Suggestion/Autocomplete Functionality in Typesense
Denis needed advice on implementing search suggestions in Typesense. Jason provided a solution for fetching after 3+ letters. However, questions on design pattern and passing hooks remain unanswered.