feat(gallery): fix router back navigation from gallery and unlock achievements after visiting instead of before

app/pages/gallery.vue

@@ -132,8 +132,6 @@ const animateIntro = async () => {
   );
 };
 
-const galleryStore = useGalleryStore();
-
 const animateOutro = async () => {
   isAnimating.value = true;
 
@@ -157,7 +155,6 @@ const animateOutro = async () => {
   typeText(descriptionText, description.value, DESCRIPTION_DURATION, true, {
     onComplete: async () => {
       await promiseTimeout(ANIMATION_SLEEP * 1000);
-      galleryStore.shouldAnimateOutro = true;
       router.push("/");
     },
   });

app/stores/app.ts

@@ -49,6 +49,7 @@ export const useAppStore = defineStore("app", {
       settings,
       previousScreen: "home" as AppScreen,
       screen: "home" as AppScreen,
+      visitedGallery: false,
       camera: null as THREE.Camera | null,
     };
   },
@@ -76,7 +77,7 @@ export const useAppStore = defineStore("app", {
           break;
 
         case "gallery":
-          achievements.unlock("gallery_visit");
+          this.visitedGallery = true;
           break;
 
         case "contact":

app/stores/gallery.ts

@@ -90,6 +90,7 @@ export const useGalleryStore = defineStore("gallery", {
       }
 
       setTimeout(() => {
+        this.shouldAnimateOutro = true;
         navigateTo("/gallery");
       }, ANIMATION.NAVIGATE_DELAY);
     },

app/stores/home.ts

@@ -40,6 +40,12 @@ export const useHomeStore = defineStore("home", {
       this.$reset();
       this.selectedButton = selectedButton;
       this.animateIntro();
+
+      if (app.visitedGallery) {
+        app.visitedGallery = false;
+        const achievements = useAchievementsStore();
+        achievements.unlock("gallery_visit");
+      }
     },
 
     animateIntro() {