Skip to content

How can I create a custom loading indicator in Nuxt.js?

Inside this page ( says that I can create a custom loading indicator but not says how.

Somebody can help me – how to create and set this into to nuxt.config?



Here is a collection of default loading indicators in Nuxt.js source code.

Basically, you can specify the HTML template to use as a loadingIndicator in nuxt.config.js.

export default {
  ..., // Other Nuxt configuration

  // Simple usage:
  loadingIndicator: '~/custom-locading-indicator.html',

  // Or with dynamic configuration variables passed via lodash template syntax
  loadingIndicator: {
    name: '~/custom-locading-indicator.html',
    color: '#000',
    background: '#fff'

Note, that indicators can have access to

User contributions licensed under: CC BY-SA
1 People found this is helpful