feat(home): don't fade from white if nds was already booted

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>

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>

app/stores/app.ts

@@ -0,0 +1,5 @@
+export const useAppStore = defineStore("app", {
+  state: () => ({
+    booted: false,
+  }),
+});

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;
           },
         },
       );