I am currently working on a Nuxt project that is functioning properly. However, there is an async method that runs during the page loading process.
import charge from '~plugins/charge'
export default {
asyncData (context, callback) {
const subscription = context.params.id;
charge.getAll(subscription, function(result){
let data = result.data;;
callback(null, data)
});
}
}
One issue I'm facing is that the page remains static until the async operation completes. Is there a way to display a loader while awaiting the return of the function?