Handling Loading State - Long format

asyncComponent.js

const AsyncComponent = () => ({
  // The component to load (should be a Promise)
  component: import('./MyComponent.vue'),
  // A component to use while the async component is loading
  loading: LoadingComponent,
  // A component to use if the load fails
  error: ErrorComponent,
  // Delay before showing the loading component. Default: 200ms.
  delay: 200,
  // The error component will be displayed if a timeout is
  // provided and exceeded. Default: Infinity.
  timeout: 3000
})

currently the component property updated as loader

currently the component property updated as loader

Thanks @rizkhal That's one of the changes in Vue 3 that also uses defineAsyncComponent helper. But this is based on Vue 2 docs.

Thanks @fadamakis, this is my fault for skipping a few lines in your article