feat: implement some TODOs

app/components/Achievements/TopScreen.vue

@@ -37,7 +37,7 @@ onRender((ctx) => {
   );
 
   // progress text
-  const unlockedCount = achievementsStore.achievements.length;
+  const unlockedCount = achievementsStore.unlocked.length;
   const totalCount = ACHIEVEMENTS.length;
 
   ctx.font = "7px NDS7";

app/components/Contact/BottomScreen/BottomScreen.vue

@@ -1,6 +1,4 @@
 <script setup lang="ts">
-// TODO: buttons should take in account opacity
-
 import Background from "./Background.vue";
 import Buttons from "./Buttons.vue";
 import ButtonSelector from "~/components/Common/ButtonSelector.vue";

app/components/Settings/BottomScreen/Menus/Clock/Achievements.vue

@@ -110,7 +110,7 @@ onRender((ctx) => {
 
 <template>
   <NumberInput
-    :model-value="achievements.achievements.length"
+    :model-value="achievements.unlocked.length"
     :title="$t('settings.clock.achievements.obtained')"
     :x="4 * 16 - 1"
     :selected="achievements.allObtained"

app/components/Settings/BottomScreen/Menus/User/PersonalMessage.vue

@@ -16,15 +16,11 @@ const handleCancel = () => {
   switch (state.value) {
     case "alive": {
       state.value = "pause";
-      // TODO: onClosed should as "choice" as a parameter, like "confirmed" or "canceled"
-      let quit = false;
       confirmationModal.open({
         text: $t("settings.user.personalMessage.quitConfirmation"),
-        onConfirm: () => {
-          quit = true;
-        },
-        onClosed: () => {
-          if (quit) store.closeSubMenu();
+        onConfirm: () => {},
+        onClosed: (choice) => {
+          if (choice === "cancel") store.closeSubMenu();
         },
         onCancel: () => {
           state.value = "alive";

app/stores/achievements.ts

@@ -72,8 +72,7 @@ export const useAchievementsStore = defineStore("achievements", () => {
   };
 
   return {
-    // TODO: rename to unlocked
-    achievements: computed(() => storage.value.unlocked),
+    unlocked: computed(() => storage.value.unlocked),
     advancement: computed(() => storage.value.advancement),
     allObtained: computed(
       () => storage.value.unlocked.length === ACHIEVEMENTS.length,

app/stores/confirmationModal.ts

@@ -96,15 +96,7 @@ export const useConfirmationModal = defineStore("confirmationModal", {
         })
         .call(() => {
           const closedCallback = this.onClosed;
-
-          // TODO: this.$reset() ?
-          this.isVisible = false;
-          this.isClosing = false;
-          this.isOpen = false;
-          this.text = "";
-          this.onConfirm = null;
-          this.onClosed = null;
-
+          this.$reset();
           closedCallback?.(choice);
         });
     },