<NuxtLoadingIndicator /> seems doesn't work on nuxt >= 3.1.0

[gifaldyazkaa]

🤔 The Problem

This seems to be a bug with the framework itself. I didn't know what's happening on the framework's repo & what's the problem but when I am trying with Nuxt v3.0.0, it works. The <NuxtLoadingIndicator /> component seems to be visible on routing event.

But when I am upgrading the Nuxt version to 3.1.0 | 3.2.0 | 3.2.2 (Current), this component is not visible and does not showing on routing event.

I wonder why this happens. Maybe there's a breaking changes or this is a bug that currently happening on the framework.
Well, if anyone can help something, It will be very appreciated!

🖥️ Environments

👨🏻‍💻 Local device

OS: Linux Ubuntu 22.10
WM: sway
Node: v18.14.1
pnpm: v7.27.1
Editor: Visual Studio Code - Insiders

☁️ Vercel deployments

OS: Linux ???
WM: - (headless)
Node: v18.x
pnpm: v7.x
Editor: - (none)

[gifaldyazkaa]

Finally, I found some helpful solution on the nuxt repository itself. I will start to implement the fix to this project.

[gifaldyazkaa]

This seems to be worked back! The solution is setting throttle to 0 will trigger the loading indicator on routing event without seeing page load time.

Before the fix, the code was like:

<NuxtLoadingIndicator color="#6E5050" />

and adding :throttle="0" attribute fixed this issue

<NuxtLoadingIndicator color="#6E5050" :throttle="0" />

and I will change the loading color from #6E5050 to #FF6C9B and setting the loading height to 3

Thanks to these PR & Issues! I have fixed this issue because these discussions
PR: nuxt/framework#9832
Issue: nuxt/nuxt#18630

[gifaldyazkaa]

closed with peace ✌🏻