Nuxt loading bar not showing between routes

Question

The loading bar is enabled in nuxt.config.js as seen below, but it's not showing up between routes. I'm using Vuetify.

/*
** Customize the progress-bar color
*/
loading: {
  color: '#333333'
},

I'm using the following way to switch routes:

<nuxt-link to="/auth/admin">Admin</nuxt-link>

Answer 1

same problem I have it

this is working for me

loading: { color: '#333333', throttle: 0 },

for more info Customize progress bar

Answer 2

Try this:

loading: {
 color: 'blue',
 height: '5px',
 throttle: 0
}

But if you use

Npx nuxt-create {app name}

Then in nuxt.config on line 20, there is already a loading object remove that. Good luck.