From ca6cbd1ad6267d1c49a106fb7995e53cc09a1374 Mon Sep 17 00:00:00 2001
From: Haradhan Sharma <58944514+haradhansharma@users.noreply.github.com>
Date: Tue, 29 Oct 2024 16:23:29 +0600
Subject: [PATCH] Update nuxt-loading-indicator.ts

Opacity controlling is unnecessary here to avoid hydration issue.
---
 packages/nuxt/src/app/components/nuxt-loading-indicator.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nuxt/src/app/components/nuxt-loading-indicator.ts b/packages/nuxt/src/app/components/nuxt-loading-indicator.ts
index a0273a8428..f17a30bac0 100644
--- a/packages/nuxt/src/app/components/nuxt-loading-indicator.ts
+++ b/packages/nuxt/src/app/components/nuxt-loading-indicator.ts
@@ -50,7 +50,7 @@ export default defineComponent({
         pointerEvents: 'none',
         width: 'auto',
         height: `${props.height}px`,
-        opacity: isLoading.value ? 1 : 0,
+        opacity: 1,
         background: error.value ? props.errorColor : props.color || undefined,
         backgroundSize: `${(100 / progress.value) * 100}% auto`,
         transform: `scaleX(${progress.value}%)`,