From 44d647696d17832081ae3df91ed8d16230e324fc Mon Sep 17 00:00:00 2001
From: Pihkaal <pihkaal@proton.me>
Date: Mon, 17 Nov 2025 23:23:26 +0100
Subject: [PATCH] feat(home): don't fade from white if nds was already booted

---
 app/components/Home/BottomScreen/Background.vue | 3 ++-
 app/components/Home/TopScreen/Background.vue    | 4 ++--
 app/stores/app.ts                               | 5 +++++
 app/stores/home.ts                              | 3 +++
 4 files changed, 12 insertions(+), 3 deletions(-)
 create mode 100644 app/stores/app.ts

diff --git a/app/components/Home/BottomScreen/Background.vue b/app/components/Home/BottomScreen/Background.vue
index 15eed10..a858735 100644
--- a/app/components/Home/BottomScreen/Background.vue
+++ b/app/components/Home/BottomScreen/Background.vue
@@ -1,12 +1,13 @@
 <script setup lang="ts">
 const store = useHomeStore();
+const app = useAppStore();
 
 const backgroundImage = useTemplateRef("backgroundImage");
 
 useRender((ctx) => {
   if (!backgroundImage.value) return;
 
-  ctx.globalAlpha = store.intro.stage1Opacity;
+  ctx.globalAlpha = app.booted ? 1 : store.intro.stage1Opacity;
   ctx.drawImage(backgroundImage.value, 0, 0);
 });
 </script>
diff --git a/app/components/Home/TopScreen/Background.vue b/app/components/Home/TopScreen/Background.vue
index 1f84c7d..be4ef90 100644
--- a/app/components/Home/TopScreen/Background.vue
+++ b/app/components/Home/TopScreen/Background.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 const store = useHomeStore();
+const app = useAppStore();
 
 const backgroundImage = useTemplateRef("backgroundImage");
 
 useRender((ctx) => {
   if (!backgroundImage.value) return;
 
-  ctx.globalAlpha = store.intro.stage1Opacity;
-
+  ctx.globalAlpha = app.booted ? 1 : store.intro.stage1Opacity;
   ctx.drawImage(backgroundImage.value, 0, 0);
 });
 </script>
diff --git a/app/stores/app.ts b/app/stores/app.ts
new file mode 100644
index 0000000..a92e724
--- /dev/null
+++ b/app/stores/app.ts
@@ -0,0 +1,5 @@
+export const useAppStore = defineStore("app", {
+  state: () => ({
+    booted: false,
+  }),
+});
diff --git a/app/stores/home.ts b/app/stores/home.ts
index 2c4c30e..5df0327 100644
--- a/app/stores/home.ts
+++ b/app/stores/home.ts
@@ -19,6 +19,8 @@ export const useHomeStore = defineStore("home", {
 
   actions: {
     animateIntro() {
+      const appStore = useAppStore();
+
       this.isIntro = true;
 
       const start = 0.5;
@@ -35,6 +37,7 @@ export const useHomeStore = defineStore("home", {
           ease: "none",
           onComplete: () => {
             this.isIntro = false;
+            if (!appStore.booted) appStore.booted = true;
           },
         },
       );