fix(settings/options/language): key not found because language wasn't loaded yet

app/components/Common/ConfirmationModal.vue

@@ -42,7 +42,8 @@ onRender((ctx) => {
   ctx.textBaseline = "top";
   ctx.fillStyle = "#ffffff";
 
-  const lines = confirmationModal.text.split("\n").slice(0, MAX_LINES);
+  const rawText = typeof confirmationModal.text === "function" ? confirmationModal.text() : confirmationModal.text;
+  const lines = rawText.split("\n").slice(0, MAX_LINES);
   const totalTextHeight = lines.length * LINE_HEIGHT;
   const textStartY = BG_Y + Math.floor((BG_HEIGHT - totalTextHeight) / 2) - 2;
 

app/components/Settings/BottomScreen/Menus/Options/Language.vue

@@ -176,11 +176,7 @@ const handleActivateA = () => {
   setLocale(selectedLocale.code);
 
   confirmationModal.open({
-    text: $t(
-      "settings.options.language.confirmation",
-      {},
-      { locale: selectedLocale.code },
-    ),
+    text: () => $t("settings.options.language.confirmation"),
     onClosed: async () => {
       await animateOutro();
       store.closeSubMenu(true);

app/stores/confirmationModal.ts

@@ -8,7 +8,7 @@ const MODAL_TIME = 0.25;
 export const useConfirmationModal = defineStore("confirmationModal", {
   state: () => ({
     isOpen: false,
-    text: "",
+    text: "" as string | (() => string),
     aLabel: null as string | null,
     bLabel: null as string | null,
     onActivateA: null as (() => void) | null,
@@ -24,7 +24,7 @@ export const useConfirmationModal = defineStore("confirmationModal", {
 
   actions: {
     open(options: {
-      text: string;
+      text: string | (() => string);
       aLabel?: string;
       bLabel?: string;
       onActivateA?: () => void;