From 8f5e19f57da3fb2f222ad494b31a7fe008eba615 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 20 Jun 2025 16:07:19 +0100
Subject: [PATCH 01/59] Switched path usages to call provider

---
 src/pages/LinuxNativeGameSetup.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/pages/LinuxNativeGameSetup.vue b/src/pages/LinuxNativeGameSetup.vue
index 2819d34e9..b90464f55 100644
--- a/src/pages/LinuxNativeGameSetup.vue
+++ b/src/pages/LinuxNativeGameSetup.vue
@@ -18,12 +18,12 @@
 
 <script lang='ts' setup>
 import { Hero } from '../components/all';
-import { computed, getCurrentInstance, onMounted, ref } from 'vue';
+import { computed } from 'vue';
 import { getStore } from '../providers/generic/store/StoreProvider';
 import { State } from '../store';
-import VueRouter, {useRouter} from 'vue-router';
-import {ComputedWrapperLaunchArguments} from "../components/computed/WrapperArguments";
-import InteractionProviderImpl from "../r2mm/system/InteractionProviderImpl";
+import { useRouter } from 'vue-router';
+import { ComputedWrapperLaunchArguments } from '../components/computed/WrapperArguments';
+import InteractionProviderImpl from '../r2mm/system/InteractionProviderImpl';
 
 const store = getStore<State>();
 let router = useRouter();

From aafe02ebaf393917d92cdaccc7dc410ee76a4a38 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 26 Jun 2025 12:08:55 +0100
Subject: [PATCH 02/59] Fixed visual regressions on GameSelectionScreen.vue

---
 src/router/routes.ts | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/router/routes.ts b/src/router/routes.ts
index 53bd4e760..183e9804a 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -10,13 +10,13 @@ const routes: RouteRecordRaw[] = [
         name: 'index',
         path: '/',
         component: () => import("pages/GameSelectionScreen.vue"),
-        meta: {title: appTitle}
+        meta: {title: appTitle()}
     },
     {
         name: 'splash',
         path: '/splash/',
         component: () => import('pages/Splash.vue'),
-        meta: {title: appTitle}
+        meta: {title: appTitle()}
     },
     {
         name: 'linux',
@@ -30,12 +30,12 @@ const routes: RouteRecordRaw[] = [
         name: 'profiles',
         path: '/profiles/',
         component: () => import('pages/Profiles.vue'),
-        meta: {title: appTitle}
+        meta: {title: appTitle()}
     },
     {
         path: '/',
         component: () => import('components/navigation/NavigationLayout.vue'),
-        meta: {title: appTitle},
+        meta: {title: appTitle()},
         children: [
             {
                 name: 'manager',

From 29f69432181a9f800aeea894eab08c967864f550 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 27 Jun 2025 12:31:33 +0100
Subject: [PATCH 03/59] Fixed progression to Profiles.vue screen

---
 src-electron/preload/hooks-preload.ts                | 5 +++++
 src/r2mm/downloading/BetterThunderstoreDownloader.ts | 1 -
 src/r2mm/mods/ProfileImportExport.ts                 | 2 +-
 src/r2mm/mods/ProfileModList.ts                      | 2 +-
 src/store/modules/ProfileModule.ts                   | 1 +
 src/utils/HttpUtils.ts                               | 2 +-
 6 files changed, 9 insertions(+), 4 deletions(-)
 create mode 100644 src-electron/preload/hooks-preload.ts

diff --git a/src-electron/preload/hooks-preload.ts b/src-electron/preload/hooks-preload.ts
new file mode 100644
index 000000000..78eb8b4f9
--- /dev/null
+++ b/src-electron/preload/hooks-preload.ts
@@ -0,0 +1,5 @@
+import { ipcRenderer } from 'electron';
+
+export function once(hookName: string, callback: Function) {
+    ipcRenderer.once(hookName, (event, ...args) => callback(...args));
+}
diff --git a/src/r2mm/downloading/BetterThunderstoreDownloader.ts b/src/r2mm/downloading/BetterThunderstoreDownloader.ts
index 38b0afeae..987f83239 100644
--- a/src/r2mm/downloading/BetterThunderstoreDownloader.ts
+++ b/src/r2mm/downloading/BetterThunderstoreDownloader.ts
@@ -1,4 +1,3 @@
-import StatusEnum from '../../model/enums/StatusEnum';
 import axios, { AxiosResponse } from 'axios';
 import ThunderstoreCombo from '../../model/ThunderstoreCombo';
 import ZipExtract from '../installing/ZipExtract';
diff --git a/src/r2mm/mods/ProfileImportExport.ts b/src/r2mm/mods/ProfileImportExport.ts
index 05ec05f69..61a5bde0f 100644
--- a/src/r2mm/mods/ProfileImportExport.ts
+++ b/src/r2mm/mods/ProfileImportExport.ts
@@ -40,7 +40,7 @@ async function saveDownloadedProfile(profileData: string): Promise<string> {
 
     const fs = FsProvider.instance;
     const b64 = profileData.substring(PROFILE_DATA_PREFIX.length).trim();
-    const decoded = Buffer.from(b64, "base64");
+    const decoded = window.node.buffer.from(b64, "base64");
     const destination = await getDownloadDestination();
     await fs.writeFile(destination, decoded);
     return destination;
diff --git a/src/r2mm/mods/ProfileModList.ts b/src/r2mm/mods/ProfileModList.ts
index 307ae9eea..e182a6fad 100644
--- a/src/r2mm/mods/ProfileModList.ts
+++ b/src/r2mm/mods/ProfileModList.ts
@@ -176,7 +176,7 @@ export default class ProfileModList {
         const exportModList: ExportMod[] = list.map((manifestMod: ManifestV2) => ExportMod.fromManifest(manifestMod));
         const exportFormat = new ExportFormat(profile.getProfileName(), exportModList);
         const builder = ZipProvider.instance.zipBuilder();
-        await builder.addBuffer("export.r2x", Buffer.from(yaml.stringify(exportFormat)));
+        await builder.addBuffer("export.r2x", window.node.buffer.from(yaml.stringify(exportFormat)));
         if (await FsProvider.instance.exists(profile.joinToProfilePath("BepInEx", "config"))) {
             await builder.addFolder("config", profile.joinToProfilePath('BepInEx', 'config'));
         }
diff --git a/src/store/modules/ProfileModule.ts b/src/store/modules/ProfileModule.ts
index 3ee0212d4..f24f7a363 100644
--- a/src/store/modules/ProfileModule.ts
+++ b/src/store/modules/ProfileModule.ts
@@ -454,6 +454,7 @@ export default {
         async updateActiveProfile({commit, rootGetters}, profileName: string) {
             commit('setActiveProfile', profileName);
             rootGetters['settings'].setProfile(profileName);
+            console.log("Set active profile")
         },
 
         async updateDirection({commit, rootGetters}, value: SortDirection) {
diff --git a/src/utils/HttpUtils.ts b/src/utils/HttpUtils.ts
index 88a268e4b..627bb01ec 100644
--- a/src/utils/HttpUtils.ts
+++ b/src/utils/HttpUtils.ts
@@ -112,7 +112,7 @@ export const makeLongRunningGetRequest = async (
 export const fetchAndProcessBlobFile = async (url: string) => {
     const dateFetched = new Date();
     const response = await makeLongRunningGetRequest(url, {axiosConfig: {responseType: 'arraybuffer'}});
-    const buffer = Buffer.from(response.data);
+    const buffer = window.node.buffer.from(response.data);
     const hash = await getSha256Hash(buffer);
     const jsonString = await decompressArrayBuffer(buffer);
     const content = JSON.parse(jsonString);

From 5e8b69c75521f7981e975cdb66bd29a063e31183 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 31 Jul 2025 14:46:28 +0100
Subject: [PATCH 04/59] WIP: Added i18n translation for platform modal header.
 Only key is shown.

---
 src/i18n/en-us/index.ts           | 19 ++++++++++++++++---
 src/i18n/index.ts                 | 19 +++++++++++++++++++
 src/pages/GameSelectionScreen.vue |  4 +++-
 3 files changed, 38 insertions(+), 4 deletions(-)

diff --git a/src/i18n/en-us/index.ts b/src/i18n/en-us/index.ts
index 250dbd46c..676871b53 100644
--- a/src/i18n/en-us/index.ts
+++ b/src/i18n/en-us/index.ts
@@ -1,7 +1,20 @@
 // This is just an example,
 // so you can safely delete all default props below
 
+import { Message } from '../index';
+
 export default {
-  failed: 'Action failed',
-  success: 'Action was successful',
-};
+    metadata: {
+        name: 'English',
+        locale: 'enUS'
+    },
+    translations: {
+        pages: {
+            gameSelection: {
+                platformModal: {
+                    header: "Which store manages your game?"
+                }
+            }
+        }
+    }
+} as Message;
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index f6b0a6a30..4ede6212a 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -3,3 +3,22 @@ import enUS from './en-us';
 export default {
   'en-us': enUS,
 };
+
+// TODO - Use for language selection screens
+export type MessageMetadata = {
+    name: string;
+    locale: string;
+}
+
+export type Message = {
+    metadata: MessageMetadata;
+    translations: {
+        pages: {
+            gameSelection: {
+                platformModal: {
+                    header: string;
+                }
+            }
+        }
+    }
+}
diff --git a/src/pages/GameSelectionScreen.vue b/src/pages/GameSelectionScreen.vue
index b8c47f47c..0b9eaa405 100644
--- a/src/pages/GameSelectionScreen.vue
+++ b/src/pages/GameSelectionScreen.vue
@@ -2,7 +2,7 @@
     <div>
         <ModalCard id="select-platform-modal" v-show="showPlatformModal" :is-active="showPlatformModal" @close-modal="() => {showPlatformModal = false;}" class="z-max z-top">
             <template v-slot:header>
-                <h2 class='modal-title'>Which store manages your game?</h2>
+                <h2 class='modal-title'>{{ t("translations.pages.gameSelection.platformModal.header") }}</h2>
             </template>
             <template v-slot:body>
                 <div v-if="selectedGame !== null">
@@ -189,9 +189,11 @@ import { getStore } from '../providers/generic/store/StoreProvider';
 import { State } from '../store';
 import { useRouter } from 'vue-router';
 import ProtocolProvider from '../providers/generic/protocol/ProtocolProvider';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
 const router = useRouter();
+const { t } = useI18n();
 
 const runningMigration = ref<boolean>(false);
 const selectedGame = ref<Game | null>(null);

From 707e38c2d898be753f7df4a1a9a148fe953bd2c9 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 31 Jul 2025 15:04:22 +0100
Subject: [PATCH 05/59] Translations now show correctly

---
 src/boot/i18n.ts                | 2 +-
 src/i18n/{en-us => en}/index.ts | 2 +-
 src/i18n/index.ts               | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)
 rename src/i18n/{en-us => en}/index.ts (94%)

diff --git a/src/boot/i18n.ts b/src/boot/i18n.ts
index 22cb8b8da..20d2fdce6 100644
--- a/src/boot/i18n.ts
+++ b/src/boot/i18n.ts
@@ -4,7 +4,7 @@ import { defineBoot } from '#q-app/wrappers';
 // You'll need to create the src/i18n/index.js/.ts file too
 
 const i18n = createI18n({
-    locale: 'en-US',
+    locale: 'en',
     globalInjection: true,
     allowComposition: true,
     legacy: false,
diff --git a/src/i18n/en-us/index.ts b/src/i18n/en/index.ts
similarity index 94%
rename from src/i18n/en-us/index.ts
rename to src/i18n/en/index.ts
index 676871b53..b0dfb1877 100644
--- a/src/i18n/en-us/index.ts
+++ b/src/i18n/en/index.ts
@@ -6,7 +6,7 @@ import { Message } from '../index';
 export default {
     metadata: {
         name: 'English',
-        locale: 'enUS'
+        locale: 'en'
     },
     translations: {
         pages: {
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 4ede6212a..17678d2b4 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -1,7 +1,7 @@
-import enUS from './en-us';
+import enUS from './en';
 
 export default {
-  'en-us': enUS,
+  'en': enUS,
 };
 
 // TODO - Use for language selection screens

From 594f295071da6a5cb9072ba2e2a9a9e968bb288e Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 11:04:54 +0100
Subject: [PATCH 06/59] GameSelectionScreen supports i18n for English and
 French

---
 src/App.vue                                   | 14 ++++
 .../base/pages/GameSelectionMessageFormat.ts  | 37 +++++++++++
 .../base/platforms/PlatformMessageFormat.ts   |  9 +++
 src/i18n/en/index.ts                          | 52 +++++++++++++--
 src/i18n/fr/index.ts                          | 64 +++++++++++++++++++
 src/i18n/index.ts                             | 19 +++---
 src/pages/GameSelectionScreen.vue             | 52 +++++++--------
 7 files changed, 205 insertions(+), 42 deletions(-)
 create mode 100644 src/i18n/base/pages/GameSelectionMessageFormat.ts
 create mode 100644 src/i18n/base/platforms/PlatformMessageFormat.ts
 create mode 100644 src/i18n/fr/index.ts

diff --git a/src/App.vue b/src/App.vue
index 407578702..e6d10055f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -52,6 +52,7 @@ import { NodeFsImplementation } from './providers/node/fs/NodeFsImplementation';
 import { useRouter } from 'vue-router';
 import { ProtocolProviderImplementation } from './providers/generic/protocol/ProtocolProviderImplementation';
 import { provideProtocolImplementation } from './providers/generic/protocol/ProtocolProvider';
+import { useI18n } from 'vue-i18n';
 
 const store = baseStore;
 const router = useRouter();
@@ -143,6 +144,19 @@ onMounted(async () => {
 watchEffect(() => {
     document.documentElement.classList.toggle('html--dark', quasar.dark.isActive);
 })
+
+const { locale } = useI18n();
+
+document.addEventListener('keydown', (e: KeyboardEvent) => {
+    if (e.altKey && e.key === 'l') {
+        console.log("Switch lang");
+        if (locale.value === 'en') {
+            locale.value = 'fr';
+        } else {
+            locale.value = 'en';
+        }
+    }
+})
 </script>
 
 <style lang="scss">
diff --git a/src/i18n/base/pages/GameSelectionMessageFormat.ts b/src/i18n/base/pages/GameSelectionMessageFormat.ts
new file mode 100644
index 000000000..f77f87f9c
--- /dev/null
+++ b/src/i18n/base/pages/GameSelectionMessageFormat.ts
@@ -0,0 +1,37 @@
+export type GameSelectionMessageFormat = {
+    platformModal: {
+        header: string;
+        selectAction: string;
+    },
+    pageTitle: {
+        title: {
+            game: string;
+            server: string;
+        }
+        subtitle: {
+            game: string;
+            server: string;
+        }
+    },
+    migrationNotice: {
+        requiresUpdate: string;
+        actionsDisabled: string;
+    },
+    filter: {
+        placeholder: {
+            game: string;
+            server: string;
+        };
+    },
+    actions: {
+        select: {
+            game: string;
+            server: string;
+        },
+        setAsDefault: string;
+    },
+    tabs: {
+        game: string;
+        server: string;
+    }
+}
diff --git a/src/i18n/base/platforms/PlatformMessageFormat.ts b/src/i18n/base/platforms/PlatformMessageFormat.ts
new file mode 100644
index 000000000..19650ff45
--- /dev/null
+++ b/src/i18n/base/platforms/PlatformMessageFormat.ts
@@ -0,0 +1,9 @@
+export type PlatformMessageFormat = {
+    STEAM: string;
+    STEAM_DIRECT: string;
+    EPIC_GAMES_STORE: string;
+    OCULUS_STORE: string;
+    ORIGIN: string;
+    XBOX_GAME_PASS: string;
+    OTHER: string;
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index b0dfb1877..299fa6b82 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -1,9 +1,9 @@
 // This is just an example,
 // so you can safely delete all default props below
 
-import { Message } from '../index';
+import { MessageFormat } from '../index';
 
-export default {
+const message: MessageFormat = {
     metadata: {
         name: 'English',
         locale: 'en'
@@ -12,9 +12,53 @@ export default {
         pages: {
             gameSelection: {
                 platformModal: {
-                    header: "Which store manages your game?"
+                    header: "Which store manages your game?",
+                    selectAction: "Select platform",
+                },
+                pageTitle: {
+                    title: {
+                        game: 'Game selection',
+                        server: 'Server selection',
+                    },
+                    subtitle: {
+                        game: 'Which game are you managing your mods for?',
+                        server: 'Which dedicated server are you managing your mods for?',
+                    }
+                },
+                migrationNotice: {
+                    requiresUpdate: 'An update to the manager has occurred and needs to do background work.',
+                    actionsDisabled: 'The options to select a game are disabled until the work has completed.',
+                },
+                tabs: {
+                    game: 'Game',
+                    server: 'Server'
+                },
+                actions: {
+                    select: {
+                        game: 'Select game',
+                        server: 'Select server'
+                    },
+                    setAsDefault: 'Set as default'
+                },
+                filter: {
+                    placeholder: {
+                        game: 'Search for a game',
+                        server: 'Search for a server',
+                    }
                 }
             }
+        },
+        platforms: {
+            STEAM: "Steam",
+            STEAM_DIRECT: "Steam",
+            EPIC_GAMES_STORE: "Epic Games Store",
+            OCULUS_STORE: "Oculus Store",
+            ORIGIN: "Origin / EA App",
+            XBOX_GAME_PASS: "Xbox Game Pass",
+            OTHER: "Autre",
         }
     }
-} as Message;
+};
+
+// Exported separately to enforce validation on exported type
+export default message;
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
new file mode 100644
index 000000000..ae5741ec2
--- /dev/null
+++ b/src/i18n/fr/index.ts
@@ -0,0 +1,64 @@
+// This is just an example,
+// so you can safely delete all default props below
+
+import { MessageFormat } from '../index';
+
+const message: MessageFormat = {
+    metadata: {
+        name: 'French',
+        locale: 'fr'
+    },
+    translations: {
+        pages: {
+            gameSelection: {
+                platformModal: {
+                    header: "Sélectionnez le magasin pour vos jeux",
+                    selectAction: "Sélectionnez le magasin",
+                },
+                pageTitle: {
+                    title: {
+                        game: 'Sélectionnez un jeu',
+                        server: 'Sélectionnez un serveur',
+                    },
+                    subtitle: {
+                        game: 'Sélectionnez un jeu pour gérer vos mods',
+                        server: 'Sélectionnez un serveur pour gérer vos mods',
+                    }
+                },
+                migrationNotice: {
+                    requiresUpdate: 'Une mise à jour du gestionnaire a eu lieu et un travail de fond est nécessaire.',
+                    actionsDisabled: 'Les actions de sélection de jeu sont désactivées jusqu\'à ce que le travail soit terminé.'
+                },
+                tabs: {
+                    game: 'Jeu',
+                    server: 'Serveur'
+                },
+                actions: {
+                    select: {
+                        game: 'Sélectionner',
+                        server: 'Sélectionner'
+                    },
+                    setAsDefault: 'Définir par défaut'
+                },
+                filter: {
+                    placeholder: {
+                        game: 'Rechercher un jeu',
+                        server: 'Rechercher un serveur'
+                    }
+                }
+            }
+        },
+        platforms: {
+            STEAM: "Steam",
+            STEAM_DIRECT: "Steam",
+            EPIC_GAMES_STORE: "Epic Games Store",
+            OCULUS_STORE: "Oculus / Meta Magasin",
+            ORIGIN: "Origin / EA App",
+            XBOX_GAME_PASS: "Xbox Game Pass",
+            OTHER: "Autre",
+        }
+    }
+};
+
+// Exported separately to enforce validation on exported type
+export default message;
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 17678d2b4..a34e855e9 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -1,7 +1,11 @@
-import enUS from './en';
+import langEn from './en';
+import langFr from './fr';
+import { PlatformMessageFormat } from './base/platforms/PlatformMessageFormat';
+import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFormat';
 
 export default {
-  'en': enUS,
+    'en': langEn,
+    'fr': langFr,
 };
 
 // TODO - Use for language selection screens
@@ -10,15 +14,12 @@ export type MessageMetadata = {
     locale: string;
 }
 
-export type Message = {
+export type MessageFormat = {
     metadata: MessageMetadata;
     translations: {
         pages: {
-            gameSelection: {
-                platformModal: {
-                    header: string;
-                }
-            }
-        }
+            gameSelection: GameSelectionMessageFormat
+        },
+        platforms: PlatformMessageFormat;
     }
 }
diff --git a/src/pages/GameSelectionScreen.vue b/src/pages/GameSelectionScreen.vue
index 0b9eaa405..bdf38d0f9 100644
--- a/src/pages/GameSelectionScreen.vue
+++ b/src/pages/GameSelectionScreen.vue
@@ -2,35 +2,31 @@
     <div>
         <ModalCard id="select-platform-modal" v-show="showPlatformModal" :is-active="showPlatformModal" @close-modal="() => {showPlatformModal = false;}" class="z-max z-top">
             <template v-slot:header>
-                <h2 class='modal-title'>{{ t("translations.pages.gameSelection.platformModal.header") }}</h2>
+                <h2 class='modal-title'>{{ t('translations.pages.gameSelection.platformModal.header') }}</h2>
             </template>
             <template v-slot:body>
                 <div v-if="selectedGame !== null">
                     <div v-for="(platform, index) of selectedGame.storePlatformMetadata" :key="`${index}-${platform.storePlatform}`">
                         <input type="radio" :id="`${index}-${platform.storePlatform}`" :value="platform.storePlatform" v-model="selectedPlatform"/>
-                        <label :for="`${index}-${platform.storePlatform}`"><span class="margin-right margin-right--half-width"/>{{ platformLabels[platform.storePlatform] }}</label>
+                        <label :for="`${index}-${platform.storePlatform}`"><span class="margin-right margin-right--half-width"/>{{ t(`translations.platforms.${getPlatformKey(platform.storePlatform)}`) }}</label>
                     </div>
                 </div>
             </template>
             <template v-slot:footer>
                 <button class='button is-info' @click='selectPlatform'>
-                    Select platform
+                    {{ t('translations.pages.gameSelection.platformModal.selectAction') }}
                 </button>
             </template>
         </ModalCard>
         <hero
-            :title="`${capitalize(activeTab)} selection`"
-            :subtitle="
-                activeTab === GameInstanceType.GAME
-                    ? 'Which game are you managing your mods for?'
-                    : 'Which dedicated server are you managing your mods for?'
-            "
+            :title="t(`translations.pages.gameSelection.pageTitle.title.${activeTab}`)"
+            :subtitle="t(`translations.pages.gameSelection.pageTitle.subtitle.${activeTab}`)"
             :heroType="activeTab === GameInstanceType.GAME ? 'primary' : 'warning'"
         />
         <div class="notification is-warning is-square" v-if="runningMigration">
             <div class="container">
-                <p>An update to the manager has occurred and needs to do background work.</p>
-                <p>The options to select a game are disabled until the work has completed.</p>
+                <p>{{ t('translations.pages.gameSelection.migrationNotice.requiresUpdate') }}</p>
+                <p>{{ t('translations.pages.gameSelection.migrationNotice.actionsDisabled') }}</p>
             </div>
         </div>
         <div class="columns">
@@ -46,7 +42,7 @@
                                             id="game-selection-list-search"
                                             class="input margin-right"
                                             type="text"
-                                            placeholder="Search for a game"
+                                            :placeholder="t(`translations.pages.gameSelection.filter.placeholder.${activeTab}`)"
                                             autocomplete="off"
                                         />
                                     </div>
@@ -54,11 +50,11 @@
                             </div>
                             <div class="margin-right">
                                 <button class="button is-info"
-                                   :disabled="!isAnyGameSelected() && !runningMigration" @click="selectGame(selectedGame)">Select {{ activeTab.toLowerCase() }}</button>
+                                   :disabled="!isAnyGameSelected() && !runningMigration" @click="selectGame(selectedGame)">{{ t(`translations.pages.gameSelection.actions.select.${activeTab}`) }}</button>
                             </div>
                             <div class="margin-right">
                                 <button class="button"
-                                   :disabled="!isAnyGameSelected() && !runningMigration" @click="selectDefaultGame(selectedGame)">Set as default</button>
+                                   :disabled="!isAnyGameSelected() && !runningMigration" @click="selectDefaultGame(selectedGame)">{{ t('translations.pages.gameSelection.actions.setAsDefault') }}</button>
                             </div>
                             <div>
                                 <i class="button fas fa-th-large" @click="toggleViewMode"></i>
@@ -73,7 +69,7 @@
                                             id="game-selection-cards-search"
                                             class="input margin-right"
                                             type="text"
-                                            placeholder="Search for a game"
+                                            :placeholder="t(`translations.pages.gameSelection.filter.placeholder.${activeTab}`)"
                                             autocomplete="off"
                                         />
                                     </div>
@@ -89,7 +85,7 @@
                                     <ul class="text-center">
                                         <li v-for="(value) in GameInstanceType" :key="`tab-${value}`"
                                             :class="[{'is-active': activeTab === value}]">
-                                            <a @click="changeTab(value)">{{capitalize(value)}}</a>
+                                            <a @click="changeTab(value)">{{ t(`translations.pages.gameSelection.tabs.${value}`) }}</a>
                                         </li>
                                     </ul>
                                 </div>
@@ -141,10 +137,13 @@
                                                                     </p>
                                                                 </div>
                                                                 <div class="absolute-center text-center">
-                                                                    <button class="button is-info" @click="selectGame(game)" :class="[{'is-disabled': selectedGame === null}]">Select
-                                                                        {{ activeTab.toLowerCase() }}</button>
+                                                                    <button class="button is-info" @click="selectGame(game)" :class="[{'is-disabled': selectedGame === null}]">
+                                                                        {{ t(`translations.pages.gameSelection.actions.select.${activeTab}`) }}
+                                                                    </button>
                                                                     <br/><br/>
-                                                                    <button class="button" @click="selectDefaultGame(game)">Set as default</button>
+                                                                    <button class="button" @click="selectDefaultGame(game)">
+                                                                        {{ t('translations.pages.gameSelection.actions.setAsDefault') }}
+                                                                    </button>
                                                                 </div>
                                                             </div>
                                                         </div>
@@ -190,6 +189,7 @@ import { State } from '../store';
 import { useRouter } from 'vue-router';
 import ProtocolProvider from '../providers/generic/protocol/ProtocolProvider';
 import { useI18n } from 'vue-i18n';
+import EnumResolver from '../model/enums/_EnumResolver';
 
 const store = getStore<State>();
 const router = useRouter();
@@ -207,6 +207,10 @@ const viewMode = ref<GameSelectionViewMode>(GameSelectionViewMode.LIST);
 const activeTab = ref<GameInstanceType>(GameInstanceType.GAME);
 const gameImages = reactive({});
 
+function getPlatformKey(platform: Platform) {
+    return EnumResolver.from(Platform, platform);
+}
+
 const filteredGameList = computed(() => {
     const displayNameInAdditionalSearch = (game: Game, filterText: string): boolean => {
         return game.additionalSearchStrings.find(value => value.toLowerCase().trim().indexOf(filterText.toLowerCase().trim()) >= 0) !== undefined;
@@ -280,16 +284,6 @@ function selectDefaultGame(game: Game) {
     }
 }
 
-const platformLabels = {
-    [Platform.STEAM]: "Steam",
-    [Platform.STEAM_DIRECT]: "Steam",
-    [Platform.EPIC_GAMES_STORE]: "Epic Games Store",
-    [Platform.OCULUS_STORE]: "Oculus Store",
-    [Platform.ORIGIN]: "Origin / EA Desktop",
-    [Platform.XBOX_GAME_PASS]: "Xbox Game Pass",
-    [Platform.OTHER]: "Other"
-}
-
 function selectPlatform() {
     if (isSettingDefaultPlatform.value) {
         proceedDefault()

From 041ae10604352ce28de102a45b9c821d224eb8f9 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Mon, 30 Jun 2025 13:19:44 +0100
Subject: [PATCH 07/59] OnlineModList now renders

---
 src/components/views/OnlineModView.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/views/OnlineModView.vue b/src/components/views/OnlineModView.vue
index 75be3a3fe..a8904f0eb 100644
--- a/src/components/views/OnlineModView.vue
+++ b/src/components/views/OnlineModView.vue
@@ -235,7 +235,6 @@ function updatePageNumber(page: number) {
 }
 
 function toggleModPreview(mod: ThunderstoreMod) {
-    console.log("Toggled mod preview")
     if (previewMod.value === mod) {
         previewMod.value = null;
     } else {

From d9e67bae120de619453fd202a5104dc5f71bb7ae Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 14:20:39 +0100
Subject: [PATCH 08/59] Added English translation for Splash.vue

---
 src/i18n/base/pages/SplashMessageFormat.ts | 59 +++++++++++++
 src/i18n/en/index.ts                       | 67 +++++++++++++++
 src/i18n/fr/index.ts                       |  8 +-
 src/i18n/index.ts                          |  4 +-
 src/pages/Splash.vue                       | 99 +++++++++++++---------
 src/store/modules/SplashModule.ts          | 10 +--
 6 files changed, 201 insertions(+), 46 deletions(-)
 create mode 100644 src/i18n/base/pages/SplashMessageFormat.ts

diff --git a/src/i18n/base/pages/SplashMessageFormat.ts b/src/i18n/base/pages/SplashMessageFormat.ts
new file mode 100644
index 000000000..ef2fb4554
--- /dev/null
+++ b/src/i18n/base/pages/SplashMessageFormat.ts
@@ -0,0 +1,59 @@
+export type SplashMessageFormat = {
+    pageTitle: string;
+    gameUpdatesWarning: string;
+    menu: {
+        helpLabel: string;
+        helpItems: {
+            about: string;
+            faq: string;
+        }
+    };
+    actions: {
+        goBack: string;
+    };
+    content: {
+        main: {
+            didYouKnow: string;
+            externalInstallWithModManager: string;
+            goToThunderstore: string;
+            exportProfile: string;
+            havingTrouble: {
+                title: string;
+                body: string;
+                serverLinkText: string;
+            }
+
+        };
+        about: {
+            title: string;
+            creator: string;
+            techStack: {
+                builtUsing: string;
+                electron: string;
+                node: string;
+                vue: string;
+                typescript: string;
+            };
+        };
+        faq: {
+            title: string;
+            howToGetStarted: {
+                title: string;
+                body: string;
+            };
+            startingWithMods: {
+                title: string;
+                body: string;
+            }
+        };
+    }
+    states: {
+        preparing: string;
+        checkingForUpdates: string;
+        checkingForLocalCache: string;
+        checkingForThunderstoreUpdates: string;
+        loadingLatestThunderstoreList: string;
+        pruningLocalCache: string;
+        processingModList: string;
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 299fa6b82..683d775e5 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -46,6 +46,73 @@ const message: MessageFormat = {
                         server: 'Search for a server',
                     }
                 }
+            },
+            splash: {
+                pageTitle: 'Starting {appName}',
+                gameUpdatesWarning: 'Game updates may break mods. If a new update has been released, please be patient.',
+                menu: {
+                    helpLabel: 'Help',
+                    helpItems: {
+                        about: 'About',
+                        faq: 'FAQ'
+                    },
+                },
+                actions: {
+                    goBack: 'Go back',
+                },
+                content: {
+                    main: {
+                        didYouKnow: 'Did you know?',
+                        externalInstallWithModManager: `
+                            You can use the "Install with Mod Manager" button on
+                            Thunderstore to install mods using {appName}.
+                        `,
+                        goToThunderstore: 'Go to Thunderstore',
+                        exportProfile: `
+                        You can export the selected profile from the settings screen as either a file, or a code.
+                        This makes it easy to share your mod list with friends!
+                        `,
+                        havingTrouble: {
+                            title: 'Having trouble?',
+                            body: 'Send a screenshot of the error in the support channel of the r2modman Discord server.',
+                            serverLinkText: 'Join the {appName} Discord server',
+                        },
+                    },
+                    about: {
+                        title: 'About {appName}',
+                        creator: 'It\'s created by Ebkr',
+                        techStack: {
+                            builtUsing: 'The application has been built using Quasar, which provides the following tech stack:',
+                            electron: 'Electron',
+                            node: 'NodeJS',
+                            vue: 'Vue 3',
+                            typescript: 'TypeScript',
+                        }
+                    },
+                    faq: {
+                        title: 'FAQ',
+                        howToGetStarted: {
+                            title: 'How do I get started?',
+                            body: 'Head on over to the Online tab and download your favourite mods. Click "Start modded" and enjoy.'
+                        },
+                        startingWithMods: {
+                            title: 'Starting the game with mods',
+                            body: `
+                            You have to start the game from within the manager.
+                            Starting through Steam will not work without manual changes.
+                            `
+                        }
+                    }
+                },
+                states: {
+                    preparing: 'Preparing',
+                    checkingForUpdates: 'Checking for updates',
+                    checkingForLocalCache: 'Checking for mod list in local cache',
+                    checkingForThunderstoreUpdates: 'Checking for mod list updates from Thunderstore',
+                    loadingLatestThunderstoreList: 'Loading latest mod list from Thunderstore',
+                    pruningLocalCache: 'Pruning removed mods from local cache',
+                    processingModList: 'Processing the mod list',
+                }
             }
         },
         platforms: {
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index ae5741ec2..feefc3959 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -36,7 +36,7 @@ const message: MessageFormat = {
                 actions: {
                     select: {
                         game: 'Sélectionner',
-                        server: 'Sélectionner'
+                        server: 'Sélectionner',
                     },
                     setAsDefault: 'Définir par défaut'
                 },
@@ -46,6 +46,12 @@ const message: MessageFormat = {
                         server: 'Rechercher un serveur'
                     }
                 }
+            },
+            splash: {
+                pageTitle: 'Démarrage de {appName}',
+                states: {
+
+                }
             }
         },
         platforms: {
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index a34e855e9..72d8b6ecb 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -2,6 +2,7 @@ import langEn from './en';
 import langFr from './fr';
 import { PlatformMessageFormat } from './base/platforms/PlatformMessageFormat';
 import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFormat';
+import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
 
 export default {
     'en': langEn,
@@ -18,7 +19,8 @@ export type MessageFormat = {
     metadata: MessageMetadata;
     translations: {
         pages: {
-            gameSelection: GameSelectionMessageFormat
+            gameSelection: GameSelectionMessageFormat,
+            splash: SplashMessageFormat,
         },
         platforms: PlatformMessageFormat;
     }
diff --git a/src/pages/Splash.vue b/src/pages/Splash.vue
index 8afbfda46..3115316d8 100644
--- a/src/pages/Splash.vue
+++ b/src/pages/Splash.vue
@@ -1,20 +1,28 @@
 <template>
     <div>
-        <hero :title=heroTitle :subtitle='splashText' :heroType=heroType />
+        <hero :title="t('translations.pages.splash.pageTitle', {appName: appName})" :subtitle='t(splashText)' :heroType=heroType />
         <div class='notification is-warning'>
-            <p>Game updates may break mods. If a new update has been released, please be patient.</p>
+            <p>{{ t('translations.pages.splash.gameUpdatesWarning') }}</p>
         </div>
         <Progress
             :max='store.state.splash.requests.length * 100'
             :value='reduceRequests().getProgress() > 0 ? reduceRequests().getProgress() : undefined'
             :className='[reduceRequests().getProgress() > 0 ? "is-info" : ""]' />
-        <div class='columns'>
+        <div class='columns margin-top'>
             <div class='column is-one-quarter'>
                 <aside class='menu'>
-                    <p class='menu-label'>Help</p>
+                    <p class='menu-label'>{{ t('translations.pages.splash.menu.helpLabel') }}</p>
                     <ul class='menu-list'>
-                        <li><a @click="view = 'about'" :class="[view === 'about' ? 'is-active' : '']">About</a></li>
-                        <li><a @click="view = 'faq'" :class="[view === 'faq' ? 'is-active' : '']">FAQ</a></li>
+                        <li>
+                            <a @click="view = 'about'" :class="[view === 'about' ? 'is-active' : '']">
+                                {{ t('translations.pages.splash.menu.helpItems.about') }}
+                            </a>
+                        </li>
+                        <li>
+                            <a @click="view = 'faq'" :class="[view === 'faq' ? 'is-active' : '']">
+                                {{ t('translations.pages.splash.menu.helpItems.faq') }}
+                            </a>
+                        </li>
                         <li>
                             <ExternalLink url="https://github.com/ebkr/r2modmanPlus">
                                 <i class='fab fa-github fa-lg' aria-hidden='true' />
@@ -30,7 +38,11 @@
                             <div class='content'>
                                 <div class='container' v-if="view !== 'main'">
                                     <i class='fas fa-long-arrow-alt-left margin-right' />
-                                    <strong><a @click="view = 'main'">Go back</a></strong>
+                                    <strong>
+                                        <a @click="view = 'main'">
+                                            {{ t('translations.pages.splash.actions.goBack') }}
+                                        </a>
+                                    </strong>
                                     <br /><br />
                                 </div>
                                 <div class='container' v-if="view === 'main'">
@@ -38,34 +50,32 @@
                                         <span class='icon margin-right margin-right--half-width'>
                                           <i class='fas fa-info-circle' />
                                         </span>
-                                        <strong>Did you know?</strong>
+                                        <strong>{{ t('translations.pages.splash.content.main.didYouKnow') }}</strong>
                                     </p>
                                     <ul class='margin-right'>
                                         <li>
-                                            <p>
-                                                You can use the "Install with Mod Manager" button on
-                                                <ExternalLink url="https://thunderstore.io">Thunderstore</ExternalLink>
-                                                with r2modman.
-                                            </p>
+                                            <p>{{ t('translations.pages.splash.content.main.externalInstallWithModManager', {appName: appName}) }}</p>
                                         </li>
                                         <li>
-                                            <p>
-                                                You can export the selected profile from the settings screen as either a
-                                                file, or a code.
-                                                This makes it easy to share your mod list with friends!
-                                            </p>
+                                            <p>{{ t('translations.pages.splash.content.main.exportProfile') }}</p>
                                         </li>
                                     </ul>
                                     <p>
-                                        <span class='icon margin-right margin-right--half-width'>
+                                        <ExternalLink url="https://thunderstore.io">
+                                            {{ t('translations.pages.splash.content.main.goToThunderstore') }}
+                                        </ExternalLink>
+                                    </p>
+                                    <p>
+                    <span class='icon margin-right margin-right--half-width margin-top'>
                                           <i class='fas fa-question-circle' />
                                         </span>
-                                        <strong>Having trouble?</strong>
+                                        <strong>{{ t('translations.pages.splash.content.main.havingTrouble.title') }}</strong>
                                     </p>
+                                    <p>{{ t('translations.pages.splash.content.main.havingTrouble.body') }}</p>
                                     <p>
-                                        Send a screenshot of the error in the Thunderstore modding discord server. Feel
-                                        free to ping me
-                                        if it doesn't get resolved.
+                                        <ExternalLink url="https://discord.gg/p4yW4bxfSa">
+                                            {{ t('translations.pages.splash.content.main.havingTrouble.serverLinkText', appName) }}
+                                        </ExternalLink>
                                     </p>
                                 </div>
                                 <div class='container' v-else-if="view === 'about'">
@@ -73,15 +83,17 @@
                                         <span class='icon margin-right margin-right--half-width'>
                                           <i class='fas fa-address-card' />
                                         </span>
-                                        <strong>About r2modman</strong>
+                                        <strong>
+                                            {{ t('translations.pages.splash.content.about.title') }}
+                                        </strong>
                                     </p>
-                                    <p>It's created by Ebkr, using Quasar.</p>
-                                    <p>Quasar provides the following development tools that r2modman is built upon:</p>
+                                    <p>{{ t('translations.pages.splash.content.about.creator') }}</p>
+                                    <p>{{ t('translations.pages.splash.content.about.techStack.builtUsing') }}</p>
                                     <ul>
-                                        <li>Electron</li>
-                                        <li>Node</li>
-                                        <li>Vue</li>
-                                        <li>TypeScript</li>
+                                        <li>{{ t('translations.pages.splash.content.about.techStack.electron') }}</li>
+                                        <li>{{ t('translations.pages.splash.content.about.techStack.node') }}</li>
+                                        <li>{{ t('translations.pages.splash.content.about.techStack.vue') }}</li>
+                                        <li>{{ t('translations.pages.splash.content.about.techStack.typescript') }}</li>
                                     </ul>
                                 </div>
                                 <div class='container' v-else-if="view === 'faq'">
@@ -93,17 +105,23 @@
                                     </p>
                                     <ul>
                                         <li>
-                                            <p><strong>How do I get started?</strong></p>
                                             <p>
-                                                Head on over to the online tab, and download BepInEx and R2API.
+                                                <strong>
+                                                    {{ t('translations.pages.splash.content.faq.howToGetStarted.title') }}
+                                                </strong>
+                                            </p>
+                                            <p>
+                                                {{ t('translations.pages.splash.content.faq.howToGetStarted.body') }}
                                             </p>
                                         </li>
                                         <li>
-                                            <p><strong>Starting the game with mods</strong></p>
                                             <p>
-                                                You have to start the game from within the manager. Starting through
-                                                Steam will not work
-                                                without taking manual steps.
+                                                <strong>
+                                                    {{ t('translations.pages.splash.content.faq.startingWithMods.title') }}
+                                                </strong>
+                                            </p>
+                                            <p>
+                                                {{ t('translations.pages.splash.content.faq.startingWithMods.body') }}
                                             </p>
                                         </li>
                                     </ul>
@@ -133,24 +151,27 @@ import FileUtils from "../utils/FileUtils";
 import {areWrapperArgumentsProvided, isProtonRequired} from '../utils/LaunchUtils';
 import appWindow from '../providers/node/app/app_window';
 import Buffer from '../providers/node/buffer/buffer';
+import { useI18n } from 'vue-i18n';
+import ManagerInformation from '../_managerinf/ManagerInformation';
 
 const store = getStore<State>();
 const router = useRouter();
+const { t } = useI18n();
 
 const {
     reduceRequests
 } = useSplashComposable();
 
-const heroTitle = ref<string>('Starting r2modman');
 const heroType = ref<string>('primary');
 const view = ref<string>('main');
 const splashText = computed(() => store.state.splash.splashText);
+const appName = computed(() => ManagerInformation.APP_NAME);
 
 store.commit('splash/initialiseRequests');
 
 // Ensure that the manager isn't outdated.
 function checkForUpdates() {
-    store.dispatch('splash/setSplashText', 'Preparing');
+    store.dispatch('splash/setSplashText', 'translations.pages.splash.states.preparing');
     window.app.checkForApplicationUpdates()
         .then(async () => {
             store.commit('splash/updateRequestItem', {
@@ -207,7 +228,7 @@ async function ensureWrapperInGameFolder() {
 }
 
 onMounted(() => {
-    store.dispatch('splash/setSplashText', 'Checking for updates');
+    store.dispatch('splash/setSplashText', 'translations.pages.splash.states.checkingForUpdates');
     setTimeout(checkForUpdates, 100);
 })
 </script>
diff --git a/src/store/modules/SplashModule.ts b/src/store/modules/SplashModule.ts
index d546f96af..5c65446b0 100644
--- a/src/store/modules/SplashModule.ts
+++ b/src/store/modules/SplashModule.ts
@@ -82,7 +82,7 @@ export const SplashModule = {
             }
         },
         async fetchPackageListIndex({commit, dispatch}): Promise<PackageListIndex | undefined> {
-             commit('setSplashText', 'Checking for mod list updates from Thunderstore');
+             commit('setSplashText', 'translations.pages.splash.states.checkingForThunderstoreUpdates');
 
             try {
                 return await dispatch('tsMods/fetchPackageListIndex', null, {root: true});
@@ -97,7 +97,7 @@ export const SplashModule = {
             }
         },
         async doesGameHaveLocalCache({dispatch, commit}): Promise<boolean> {
-            commit('setSplashText', 'Checking for mod list in local cache');
+            commit('setSplashText', 'translations.pages.splash.states.checkingForLocalCache');
             let hasCache = false;
 
             try {
@@ -125,7 +125,7 @@ export const SplashModule = {
                 return false;
             }
 
-            commit('setSplashText', 'Loading latest mod list from Thunderstore');
+            commit('setSplashText', 'translations.pages.splash.states.loadingLatestThunderstoreList');
 
             const progressCallback = async (progress: number) => {
                 commit('updateRequestItem', {
@@ -159,7 +159,7 @@ export const SplashModule = {
                 return;
             }
 
-            commit('setSplashText', 'Pruning removed mods from local cache');
+            commit('setSplashText', 'translations.pages.splash.states.pruningLocalCache');
 
             try {
                 await dispatch('tsMods/pruneRemovedModsFromCache', packageListIndex.dateFetched, {root: true});
@@ -168,7 +168,7 @@ export const SplashModule = {
             }
         },
         async triggerStoreModListUpdate({ commit, dispatch }): Promise<void> {
-            commit('setSplashText', 'Processing the mod list');
+            commit('setSplashText', 'translations.pages.splash.states.processingModList');
 
             try {
                 await dispatch('tsMods/updateMods', null, {root: true});

From 16595bccf9910743703dcc11649c647d2b015014 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 14:35:18 +0100
Subject: [PATCH 09/59] Fixed styling with FAQ section

---
 src/i18n/en/index.ts |  2 +-
 src/pages/Splash.vue | 38 ++++++++++++++++----------------------
 2 files changed, 17 insertions(+), 23 deletions(-)

diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 683d775e5..76b83c844 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -80,7 +80,7 @@ const message: MessageFormat = {
                     },
                     about: {
                         title: 'About {appName}',
-                        creator: 'It\'s created by Ebkr',
+                        creator: 'It\'s created by Ebkr.',
                         techStack: {
                             builtUsing: 'The application has been built using Quasar, which provides the following tech stack:',
                             electron: 'Electron',
diff --git a/src/pages/Splash.vue b/src/pages/Splash.vue
index 3115316d8..12e9d8a2c 100644
--- a/src/pages/Splash.vue
+++ b/src/pages/Splash.vue
@@ -103,28 +103,22 @@
                                         </span>
                                         <strong>FAQ</strong>
                                     </p>
-                                    <ul>
-                                        <li>
-                                            <p>
-                                                <strong>
-                                                    {{ t('translations.pages.splash.content.faq.howToGetStarted.title') }}
-                                                </strong>
-                                            </p>
-                                            <p>
-                                                {{ t('translations.pages.splash.content.faq.howToGetStarted.body') }}
-                                            </p>
-                                        </li>
-                                        <li>
-                                            <p>
-                                                <strong>
-                                                    {{ t('translations.pages.splash.content.faq.startingWithMods.title') }}
-                                                </strong>
-                                            </p>
-                                            <p>
-                                                {{ t('translations.pages.splash.content.faq.startingWithMods.body') }}
-                                            </p>
-                                        </li>
-                                    </ul>
+                                    <p>
+                                        <strong>
+                                            {{ t('translations.pages.splash.content.faq.howToGetStarted.title') }}
+                                        </strong>
+                                    </p>
+                                    <p>
+                                        {{ t('translations.pages.splash.content.faq.howToGetStarted.body') }}
+                                    </p>
+                                    <p>
+                                        <strong>
+                                            {{ t('translations.pages.splash.content.faq.startingWithMods.title') }}
+                                        </strong>
+                                    </p>
+                                    <p>
+                                        {{ t('translations.pages.splash.content.faq.startingWithMods.body') }}
+                                    </p>
                                 </div>
                             </div>
                         </div>

From 5a9c84a10a7a56d04ba151782bf398ba6f778659 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 16:09:05 +0100
Subject: [PATCH 10/59] WIP: Translated the main content view of the Splash
 screen to French

---
 src/App.vue          |  2 +-
 src/i18n/fr/index.ts | 36 +++++++++++++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index e6d10055f..bc9ac92f9 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -148,7 +148,7 @@ watchEffect(() => {
 const { locale } = useI18n();
 
 document.addEventListener('keydown', (e: KeyboardEvent) => {
-    if (e.altKey && e.key === 'l') {
+    if (e.altKey && ['l', '¬'].includes(e.key.toLowerCase())) {
         console.log("Switch lang");
         if (locale.value === 'en') {
             locale.value = 'fr';
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index feefc3959..465b7b38e 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -49,8 +49,42 @@ const message: MessageFormat = {
             },
             splash: {
                 pageTitle: 'Démarrage de {appName}',
+                gameUpdatesWarning: 'Les mises à jour du jeu peuvent endommager les mods. Si une nouvelle mise à jour est disponible, merci de patienter.',
+                menu: {
+                    helpLabel: 'Aide',
+                    helpItems: {
+                        about: 'À propos',
+                        faq: 'FAQ'
+                    }
+                },
+                actions: {
+                    goBack: 'Retour',
+                },
+                content: {
+                    main: {
+                        didYouKnow: 'Saviez-vous ?',
+                        externalInstallWithModManager: `
+                        Vous pouvez utiliser le bouton « Install with Mod Manager » sur Thunderstore pour installer des mods à l'aide de {appName}.
+                        `,
+                        goToThunderstore: 'Aller à Thunderstore',
+                        exportProfile: `
+                        Tu peux exporter le profil que tu as sélectionné depuis les paramètres d'écran, soit sous forme de fichier, soit en tant que code. Comme ça, c'est facile de partager ta liste de mods avec tes potes !
+                        `,
+                        havingTrouble: {
+                            title: 'Besoin d\'aide ?',
+                            body: 'Envoie une capture d\'écran de l\'erreur sur le canal d\'assistance du serveur Discord de {appName}.',
+                            serverLinkText: 'Rejoignez le serveur Discord {appName}'
+                        }
+                    }
+                },
                 states: {
-
+                   preparing: 'Préparation',
+                    checkingForUpdates: 'Vérification des mises à jour',
+                    checkingForLocalCache: 'Vérification de la liste des mods dans le cache local',
+                    checkingForThunderstoreUpdates: 'Vérification des mises à jour de la liste des mods depuis Thunderstore',
+                    loadingLatestThunderstoreList: 'Chargement de la dernière liste de mods depuis Thunderstore',
+                    pruningLocalCache: 'Élagage des mods qui ne sont plus disponibles dans le cache local',
+                    processingModList: 'Traitement de la liste des mods'
                 }
             }
         },

From b1b0df0bf8b6e38002dedcaf353efd0938770402 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 16:21:13 +0100
Subject: [PATCH 11/59] Added remaining Splash translations in French

---
 src/i18n/fr/index.ts | 63 +++++++++++++++++++++++++++-----------------
 1 file changed, 39 insertions(+), 24 deletions(-)

diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 465b7b38e..6495162a3 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -1,9 +1,4 @@
-// This is just an example,
-// so you can safely delete all default props below
-
-import { MessageFormat } from '../index';
-
-const message: MessageFormat = {
+const message = {
     metadata: {
         name: 'French',
         locale: 'fr'
@@ -13,16 +8,16 @@ const message: MessageFormat = {
             gameSelection: {
                 platformModal: {
                     header: "Sélectionnez le magasin pour vos jeux",
-                    selectAction: "Sélectionnez le magasin",
+                    selectAction: "Sélectionnez le magasin"
                 },
                 pageTitle: {
                     title: {
                         game: 'Sélectionnez un jeu',
-                        server: 'Sélectionnez un serveur',
+                        server: 'Sélectionnez un serveur'
                     },
                     subtitle: {
                         game: 'Sélectionnez un jeu pour gérer vos mods',
-                        server: 'Sélectionnez un serveur pour gérer vos mods',
+                        server: 'Sélectionnez un serveur pour gérer vos mods'
                     }
                 },
                 migrationNotice: {
@@ -36,7 +31,7 @@ const message: MessageFormat = {
                 actions: {
                     select: {
                         game: 'Sélectionner',
-                        server: 'Sélectionner',
+                        server: 'Sélectionner'
                     },
                     setAsDefault: 'Définir par défaut'
                 },
@@ -58,7 +53,7 @@ const message: MessageFormat = {
                     }
                 },
                 actions: {
-                    goBack: 'Retour',
+                    goBack: 'Retour'
                 },
                 content: {
                     main: {
@@ -67,18 +62,38 @@ const message: MessageFormat = {
                         Vous pouvez utiliser le bouton « Install with Mod Manager » sur Thunderstore pour installer des mods à l'aide de {appName}.
                         `,
                         goToThunderstore: 'Aller à Thunderstore',
-                        exportProfile: `
-                        Tu peux exporter le profil que tu as sélectionné depuis les paramètres d'écran, soit sous forme de fichier, soit en tant que code. Comme ça, c'est facile de partager ta liste de mods avec tes potes !
-                        `,
+                        exportProfile: "Tu peux exporter le profil que tu as sélectionné depuis les paramètres d'écran, soit sous forme de fichier, soit en tant que code. Comme ça, c'est facile de partager ta liste de mods avec tes potes !",
                         havingTrouble: {
                             title: 'Besoin d\'aide ?',
                             body: 'Envoie une capture d\'écran de l\'erreur sur le canal d\'assistance du serveur Discord de {appName}.',
                             serverLinkText: 'Rejoignez le serveur Discord {appName}'
                         }
+                    },
+                    about: {
+                        title: 'À propos de {appName}',
+                        creator: "L'application a été créée par Ebkr.",
+                        techStack: {
+                            builtUsing: "L'application a été conçue avec Quasar, qui fournit la stack technologique suivante :",
+                            electron: 'Electron',
+                            node: 'NodeJS',
+                            vue: 'Vue 3',
+                            typescript: 'TypeScript'
+                        }
+                    },
+                    faq: {
+                        title: 'FAQ',
+                        howToGetStarted: {
+                            title: 'Comment démarrer ?',
+                            body: "Rendez-vous dans l'onglet En ligne et téléchargez vos mods préférés. Cliquez sur « Démarrer moddé » et profitez-en."
+                        },
+                        startingWithMods: {
+                            title: 'Démarrer le jeu avec des mods',
+                            body: "Vous devez lancer le jeu depuis l'application. Le démarrer via Steam ne fonctionnera pas sans modifications manuelles."
+                        }
                     }
                 },
                 states: {
-                   preparing: 'Préparation',
+                    preparing: 'Préparation',
                     checkingForUpdates: 'Vérification des mises à jour',
                     checkingForLocalCache: 'Vérification de la liste des mods dans le cache local',
                     checkingForThunderstoreUpdates: 'Vérification des mises à jour de la liste des mods depuis Thunderstore',
@@ -86,16 +101,16 @@ const message: MessageFormat = {
                     pruningLocalCache: 'Élagage des mods qui ne sont plus disponibles dans le cache local',
                     processingModList: 'Traitement de la liste des mods'
                 }
+            },
+            platforms: {
+                STEAM: 'Steam',
+                STEAM_DIRECT: 'Steam',
+                EPIC_GAMES_STORE: 'Epic Games Store',
+                OCULUS_STORE: 'Oculus / Meta Magasin',
+                ORIGIN: 'Origin / EA App',
+                XBOX_GAME_PASS: 'Xbox Game Pass',
+                OTHER: 'Autre'
             }
-        },
-        platforms: {
-            STEAM: "Steam",
-            STEAM_DIRECT: "Steam",
-            EPIC_GAMES_STORE: "Epic Games Store",
-            OCULUS_STORE: "Oculus / Meta Magasin",
-            ORIGIN: "Origin / EA App",
-            XBOX_GAME_PASS: "Xbox Game Pass",
-            OTHER: "Autre",
         }
     }
 };

From f74f2b2a800b48b500dfcc327d067a5f62e8259b Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 16:22:30 +0100
Subject: [PATCH 12/59] Formatted translation value to match formatting of en
 equivalent

---
 src/i18n/fr/index.ts | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 6495162a3..bc7749032 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -88,7 +88,10 @@ const message = {
                         },
                         startingWithMods: {
                             title: 'Démarrer le jeu avec des mods',
-                            body: "Vous devez lancer le jeu depuis l'application. Le démarrer via Steam ne fonctionnera pas sans modifications manuelles."
+                            body: `
+                            Vous devez lancer le jeu depuis l'application.
+                            Le démarrer via Steam ne fonctionnera pas sans modifications manuelles.
+                            `
                         }
                     }
                 },

From af2ac21c57e4f41d41413ef8d97d8452130cce94 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 1 Aug 2025 17:07:38 +0100
Subject: [PATCH 13/59] Split translations into clearer modules

---
 src/i18n/en/index.ts                          | 119 +-----------------
 src/i18n/en/pages/GameSelectionTranslation.ts |  39 ++++++
 src/i18n/en/pages/SplashTranslation.ts        |  69 ++++++++++
 src/i18n/en/platforms/PlatformTranslation.ts  |  11 ++
 src/i18n/fr/index.ts                          | 118 ++---------------
 src/i18n/fr/pages/GameSelectionTranslation.ts |  39 ++++++
 src/i18n/fr/pages/SplashTranslation.ts        |  65 ++++++++++
 src/i18n/fr/platforms/PlatformTranslation.ts  |  11 ++
 8 files changed, 248 insertions(+), 223 deletions(-)
 create mode 100644 src/i18n/en/pages/GameSelectionTranslation.ts
 create mode 100644 src/i18n/en/pages/SplashTranslation.ts
 create mode 100644 src/i18n/en/platforms/PlatformTranslation.ts
 create mode 100644 src/i18n/fr/pages/GameSelectionTranslation.ts
 create mode 100644 src/i18n/fr/pages/SplashTranslation.ts
 create mode 100644 src/i18n/fr/platforms/PlatformTranslation.ts

diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 76b83c844..65a75346b 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -2,6 +2,9 @@
 // so you can safely delete all default props below
 
 import { MessageFormat } from '../index';
+import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
+import {SplashTranslation} from "./pages/SplashTranslation";
+import {PlatformTranslation} from "./platforms/PlatformTranslation";
 
 const message: MessageFormat = {
     metadata: {
@@ -10,120 +13,10 @@ const message: MessageFormat = {
     },
     translations: {
         pages: {
-            gameSelection: {
-                platformModal: {
-                    header: "Which store manages your game?",
-                    selectAction: "Select platform",
-                },
-                pageTitle: {
-                    title: {
-                        game: 'Game selection',
-                        server: 'Server selection',
-                    },
-                    subtitle: {
-                        game: 'Which game are you managing your mods for?',
-                        server: 'Which dedicated server are you managing your mods for?',
-                    }
-                },
-                migrationNotice: {
-                    requiresUpdate: 'An update to the manager has occurred and needs to do background work.',
-                    actionsDisabled: 'The options to select a game are disabled until the work has completed.',
-                },
-                tabs: {
-                    game: 'Game',
-                    server: 'Server'
-                },
-                actions: {
-                    select: {
-                        game: 'Select game',
-                        server: 'Select server'
-                    },
-                    setAsDefault: 'Set as default'
-                },
-                filter: {
-                    placeholder: {
-                        game: 'Search for a game',
-                        server: 'Search for a server',
-                    }
-                }
-            },
-            splash: {
-                pageTitle: 'Starting {appName}',
-                gameUpdatesWarning: 'Game updates may break mods. If a new update has been released, please be patient.',
-                menu: {
-                    helpLabel: 'Help',
-                    helpItems: {
-                        about: 'About',
-                        faq: 'FAQ'
-                    },
-                },
-                actions: {
-                    goBack: 'Go back',
-                },
-                content: {
-                    main: {
-                        didYouKnow: 'Did you know?',
-                        externalInstallWithModManager: `
-                            You can use the "Install with Mod Manager" button on
-                            Thunderstore to install mods using {appName}.
-                        `,
-                        goToThunderstore: 'Go to Thunderstore',
-                        exportProfile: `
-                        You can export the selected profile from the settings screen as either a file, or a code.
-                        This makes it easy to share your mod list with friends!
-                        `,
-                        havingTrouble: {
-                            title: 'Having trouble?',
-                            body: 'Send a screenshot of the error in the support channel of the r2modman Discord server.',
-                            serverLinkText: 'Join the {appName} Discord server',
-                        },
-                    },
-                    about: {
-                        title: 'About {appName}',
-                        creator: 'It\'s created by Ebkr.',
-                        techStack: {
-                            builtUsing: 'The application has been built using Quasar, which provides the following tech stack:',
-                            electron: 'Electron',
-                            node: 'NodeJS',
-                            vue: 'Vue 3',
-                            typescript: 'TypeScript',
-                        }
-                    },
-                    faq: {
-                        title: 'FAQ',
-                        howToGetStarted: {
-                            title: 'How do I get started?',
-                            body: 'Head on over to the Online tab and download your favourite mods. Click "Start modded" and enjoy.'
-                        },
-                        startingWithMods: {
-                            title: 'Starting the game with mods',
-                            body: `
-                            You have to start the game from within the manager.
-                            Starting through Steam will not work without manual changes.
-                            `
-                        }
-                    }
-                },
-                states: {
-                    preparing: 'Preparing',
-                    checkingForUpdates: 'Checking for updates',
-                    checkingForLocalCache: 'Checking for mod list in local cache',
-                    checkingForThunderstoreUpdates: 'Checking for mod list updates from Thunderstore',
-                    loadingLatestThunderstoreList: 'Loading latest mod list from Thunderstore',
-                    pruningLocalCache: 'Pruning removed mods from local cache',
-                    processingModList: 'Processing the mod list',
-                }
-            }
+            gameSelection: GameSelectionTranslation,
+            splash: SplashTranslation
         },
-        platforms: {
-            STEAM: "Steam",
-            STEAM_DIRECT: "Steam",
-            EPIC_GAMES_STORE: "Epic Games Store",
-            OCULUS_STORE: "Oculus Store",
-            ORIGIN: "Origin / EA App",
-            XBOX_GAME_PASS: "Xbox Game Pass",
-            OTHER: "Autre",
-        }
+        platforms: PlatformTranslation
     }
 };
 
diff --git a/src/i18n/en/pages/GameSelectionTranslation.ts b/src/i18n/en/pages/GameSelectionTranslation.ts
new file mode 100644
index 000000000..9fdf06e34
--- /dev/null
+++ b/src/i18n/en/pages/GameSelectionTranslation.ts
@@ -0,0 +1,39 @@
+import {GameSelectionMessageFormat} from "../../base/pages/GameSelectionMessageFormat";
+
+export const GameSelectionTranslation: GameSelectionMessageFormat = {
+    platformModal: {
+        header: "Which store manages your game?",
+        selectAction: "Select platform",
+    },
+    pageTitle: {
+        title: {
+            game: 'Game selection',
+            server: 'Server selection',
+        },
+        subtitle: {
+            game: 'Which game are you managing your mods for?',
+            server: 'Which dedicated server are you managing your mods for?',
+        }
+    },
+    migrationNotice: {
+        requiresUpdate: 'An update to the manager has occurred and needs to do background work.',
+        actionsDisabled: 'The options to select a game are disabled until the work has completed.',
+    },
+    tabs: {
+        game: 'Game',
+        server: 'Server'
+    },
+    actions: {
+        select: {
+            game: 'Select game',
+            server: 'Select server'
+        },
+        setAsDefault: 'Set as default'
+    },
+    filter: {
+        placeholder: {
+            game: 'Search for a game',
+            server: 'Search for a server',
+        }
+    }
+}
diff --git a/src/i18n/en/pages/SplashTranslation.ts b/src/i18n/en/pages/SplashTranslation.ts
new file mode 100644
index 000000000..836b02730
--- /dev/null
+++ b/src/i18n/en/pages/SplashTranslation.ts
@@ -0,0 +1,69 @@
+import {SplashMessageFormat} from "../../base/pages/SplashMessageFormat";
+
+export const SplashTranslation: SplashMessageFormat = {
+    pageTitle: 'Starting {appName}',
+    gameUpdatesWarning: 'Game updates may break mods. If a new update has been released, please be patient.',
+    menu: {
+        helpLabel: 'Help',
+        helpItems: {
+            about: 'About',
+            faq: 'FAQ'
+        },
+    },
+    actions: {
+        goBack: 'Go back',
+    },
+    content: {
+        main: {
+            didYouKnow: 'Did you know?',
+            externalInstallWithModManager: `
+                            You can use the "Install with Mod Manager" button on
+                            Thunderstore to install mods using {appName}.
+                        `,
+            goToThunderstore: 'Go to Thunderstore',
+            exportProfile: `
+                        You can export the selected profile from the settings screen as either a file, or a code.
+                        This makes it easy to share your mod list with friends!
+                        `,
+            havingTrouble: {
+                title: 'Having trouble?',
+                body: 'Send a screenshot of the error in the support channel of the r2modman Discord server.',
+                serverLinkText: 'Join the {appName} Discord server',
+            },
+        },
+        about: {
+            title: 'About {appName}',
+            creator: 'It\'s created by Ebkr.',
+            techStack: {
+                builtUsing: 'The application has been built using Quasar, which provides the following tech stack:',
+                electron: 'Electron',
+                node: 'NodeJS',
+                vue: 'Vue 3',
+                typescript: 'TypeScript',
+            }
+        },
+        faq: {
+            title: 'FAQ',
+            howToGetStarted: {
+                title: 'How do I get started?',
+                body: 'Head on over to the Online tab and download your favourite mods. Click "Start modded" and enjoy.'
+            },
+            startingWithMods: {
+                title: 'Starting the game with mods',
+                body: `
+                            You have to start the game from within the manager.
+                            Starting through Steam will not work without manual changes.
+                            `
+            }
+        }
+    },
+    states: {
+        preparing: 'Preparing',
+        checkingForUpdates: 'Checking for updates',
+        checkingForLocalCache: 'Checking for mod list in local cache',
+        checkingForThunderstoreUpdates: 'Checking for mod list updates from Thunderstore',
+        loadingLatestThunderstoreList: 'Loading latest mod list from Thunderstore',
+        pruningLocalCache: 'Pruning removed mods from local cache',
+        processingModList: 'Processing the mod list',
+    }
+}
diff --git a/src/i18n/en/platforms/PlatformTranslation.ts b/src/i18n/en/platforms/PlatformTranslation.ts
new file mode 100644
index 000000000..adaee3a5a
--- /dev/null
+++ b/src/i18n/en/platforms/PlatformTranslation.ts
@@ -0,0 +1,11 @@
+import {PlatformMessageFormat} from "../../base/platforms/PlatformMessageFormat";
+
+export const PlatformTranslation: PlatformMessageFormat = {
+    STEAM: "Steam",
+    STEAM_DIRECT: "Steam",
+    EPIC_GAMES_STORE: "Epic Games Store",
+    OCULUS_STORE: "Oculus Store",
+    ORIGIN: "Origin / EA App",
+    XBOX_GAME_PASS: "Xbox Game Pass",
+    OTHER: "Other",
+}
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index bc7749032..e44765031 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -1,3 +1,7 @@
+import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
+import {SplashTranslation} from "./pages/SplashTranslation";
+import {PlatformTranslation} from "./platforms/PlatformTranslation";
+
 const message = {
     metadata: {
         name: 'French',
@@ -5,116 +9,10 @@ const message = {
     },
     translations: {
         pages: {
-            gameSelection: {
-                platformModal: {
-                    header: "Sélectionnez le magasin pour vos jeux",
-                    selectAction: "Sélectionnez le magasin"
-                },
-                pageTitle: {
-                    title: {
-                        game: 'Sélectionnez un jeu',
-                        server: 'Sélectionnez un serveur'
-                    },
-                    subtitle: {
-                        game: 'Sélectionnez un jeu pour gérer vos mods',
-                        server: 'Sélectionnez un serveur pour gérer vos mods'
-                    }
-                },
-                migrationNotice: {
-                    requiresUpdate: 'Une mise à jour du gestionnaire a eu lieu et un travail de fond est nécessaire.',
-                    actionsDisabled: 'Les actions de sélection de jeu sont désactivées jusqu\'à ce que le travail soit terminé.'
-                },
-                tabs: {
-                    game: 'Jeu',
-                    server: 'Serveur'
-                },
-                actions: {
-                    select: {
-                        game: 'Sélectionner',
-                        server: 'Sélectionner'
-                    },
-                    setAsDefault: 'Définir par défaut'
-                },
-                filter: {
-                    placeholder: {
-                        game: 'Rechercher un jeu',
-                        server: 'Rechercher un serveur'
-                    }
-                }
-            },
-            splash: {
-                pageTitle: 'Démarrage de {appName}',
-                gameUpdatesWarning: 'Les mises à jour du jeu peuvent endommager les mods. Si une nouvelle mise à jour est disponible, merci de patienter.',
-                menu: {
-                    helpLabel: 'Aide',
-                    helpItems: {
-                        about: 'À propos',
-                        faq: 'FAQ'
-                    }
-                },
-                actions: {
-                    goBack: 'Retour'
-                },
-                content: {
-                    main: {
-                        didYouKnow: 'Saviez-vous ?',
-                        externalInstallWithModManager: `
-                        Vous pouvez utiliser le bouton « Install with Mod Manager » sur Thunderstore pour installer des mods à l'aide de {appName}.
-                        `,
-                        goToThunderstore: 'Aller à Thunderstore',
-                        exportProfile: "Tu peux exporter le profil que tu as sélectionné depuis les paramètres d'écran, soit sous forme de fichier, soit en tant que code. Comme ça, c'est facile de partager ta liste de mods avec tes potes !",
-                        havingTrouble: {
-                            title: 'Besoin d\'aide ?',
-                            body: 'Envoie une capture d\'écran de l\'erreur sur le canal d\'assistance du serveur Discord de {appName}.',
-                            serverLinkText: 'Rejoignez le serveur Discord {appName}'
-                        }
-                    },
-                    about: {
-                        title: 'À propos de {appName}',
-                        creator: "L'application a été créée par Ebkr.",
-                        techStack: {
-                            builtUsing: "L'application a été conçue avec Quasar, qui fournit la stack technologique suivante :",
-                            electron: 'Electron',
-                            node: 'NodeJS',
-                            vue: 'Vue 3',
-                            typescript: 'TypeScript'
-                        }
-                    },
-                    faq: {
-                        title: 'FAQ',
-                        howToGetStarted: {
-                            title: 'Comment démarrer ?',
-                            body: "Rendez-vous dans l'onglet En ligne et téléchargez vos mods préférés. Cliquez sur « Démarrer moddé » et profitez-en."
-                        },
-                        startingWithMods: {
-                            title: 'Démarrer le jeu avec des mods',
-                            body: `
-                            Vous devez lancer le jeu depuis l'application.
-                            Le démarrer via Steam ne fonctionnera pas sans modifications manuelles.
-                            `
-                        }
-                    }
-                },
-                states: {
-                    preparing: 'Préparation',
-                    checkingForUpdates: 'Vérification des mises à jour',
-                    checkingForLocalCache: 'Vérification de la liste des mods dans le cache local',
-                    checkingForThunderstoreUpdates: 'Vérification des mises à jour de la liste des mods depuis Thunderstore',
-                    loadingLatestThunderstoreList: 'Chargement de la dernière liste de mods depuis Thunderstore',
-                    pruningLocalCache: 'Élagage des mods qui ne sont plus disponibles dans le cache local',
-                    processingModList: 'Traitement de la liste des mods'
-                }
-            },
-            platforms: {
-                STEAM: 'Steam',
-                STEAM_DIRECT: 'Steam',
-                EPIC_GAMES_STORE: 'Epic Games Store',
-                OCULUS_STORE: 'Oculus / Meta Magasin',
-                ORIGIN: 'Origin / EA App',
-                XBOX_GAME_PASS: 'Xbox Game Pass',
-                OTHER: 'Autre'
-            }
-        }
+            gameSelection: GameSelectionTranslation,
+            splash: SplashTranslation
+        },
+        platforms: PlatformTranslation
     }
 };
 
diff --git a/src/i18n/fr/pages/GameSelectionTranslation.ts b/src/i18n/fr/pages/GameSelectionTranslation.ts
new file mode 100644
index 000000000..a72876c72
--- /dev/null
+++ b/src/i18n/fr/pages/GameSelectionTranslation.ts
@@ -0,0 +1,39 @@
+import {GameSelectionMessageFormat} from "../../base/pages/GameSelectionMessageFormat";
+
+export const GameSelectionTranslation: GameSelectionMessageFormat = {
+    platformModal: {
+        header: "Sélectionnez le magasin pour vos jeux",
+        selectAction: "Sélectionnez le magasin"
+    },
+    pageTitle: {
+        title: {
+            game: 'Sélectionnez un jeu',
+            server: 'Sélectionnez un serveur'
+        },
+        subtitle: {
+            game: 'Sélectionnez un jeu pour gérer vos mods',
+            server: 'Sélectionnez un serveur pour gérer vos mods'
+        }
+    },
+    migrationNotice: {
+        requiresUpdate: 'Une mise à jour du gestionnaire a eu lieu et un travail de fond est nécessaire.',
+        actionsDisabled: 'Les actions de sélection de jeu sont désactivées jusqu\'à ce que le travail soit terminé.'
+    },
+    tabs: {
+        game: 'Jeu',
+        server: 'Serveur'
+    },
+    actions: {
+        select: {
+            game: 'Sélectionner',
+            server: 'Sélectionner'
+        },
+        setAsDefault: 'Définir par défaut'
+    },
+    filter: {
+        placeholder: {
+            game: 'Rechercher un jeu',
+            server: 'Rechercher un serveur'
+        }
+    }
+}
diff --git a/src/i18n/fr/pages/SplashTranslation.ts b/src/i18n/fr/pages/SplashTranslation.ts
new file mode 100644
index 000000000..5f977bbca
--- /dev/null
+++ b/src/i18n/fr/pages/SplashTranslation.ts
@@ -0,0 +1,65 @@
+import {SplashMessageFormat} from "../../base/pages/SplashMessageFormat";
+
+export const SplashTranslation: SplashMessageFormat = {
+    pageTitle: 'Démarrage de {appName}',
+    gameUpdatesWarning: 'Les mises à jour du jeu peuvent endommager les mods. Si une nouvelle mise à jour est disponible, merci de patienter.',
+    menu: {
+        helpLabel: 'Aide',
+        helpItems: {
+            about: 'À propos',
+            faq: 'FAQ'
+        }
+    },
+    actions: {
+        goBack: 'Retour'
+    },
+    content: {
+        main: {
+            didYouKnow: 'Saviez-vous ?',
+            externalInstallWithModManager: `
+                        Vous pouvez utiliser le bouton « Install with Mod Manager » sur Thunderstore pour installer des mods à l'aide de {appName}.
+                        `,
+            goToThunderstore: 'Aller à Thunderstore',
+            exportProfile: "Tu peux exporter le profil que tu as sélectionné depuis les paramètres d'écran, soit sous forme de fichier, soit en tant que code. Comme ça, c'est facile de partager ta liste de mods avec tes potes !",
+            havingTrouble: {
+                title: 'Besoin d\'aide ?',
+                body: 'Envoie une capture d\'écran de l\'erreur sur le canal d\'assistance du serveur Discord de {appName}.',
+                serverLinkText: 'Rejoignez le serveur Discord {appName}'
+            }
+        },
+        about: {
+            title: 'À propos de {appName}',
+            creator: "L'application a été créée par Ebkr.",
+            techStack: {
+                builtUsing: "L'application a été conçue avec Quasar, qui fournit la stack technologique suivante :",
+                electron: 'Electron',
+                node: 'NodeJS',
+                vue: 'Vue 3',
+                typescript: 'TypeScript'
+            }
+        },
+        faq: {
+            title: 'FAQ',
+            howToGetStarted: {
+                title: 'Comment démarrer ?',
+                body: "Rendez-vous dans l'onglet En ligne et téléchargez vos mods préférés. Cliquez sur « Démarrer moddé » et profitez-en."
+            },
+            startingWithMods: {
+                title: 'Démarrer le jeu avec des mods',
+                body: `
+                            Vous devez lancer le jeu depuis l'application.
+                            Le démarrer via Steam ne fonctionnera pas sans modifications manuelles.
+                            `
+            }
+        }
+    },
+    states: {
+        preparing: 'Préparation',
+        checkingForUpdates: 'Vérification des mises à jour',
+        checkingForLocalCache: 'Vérification de la liste des mods dans le cache local',
+        checkingForThunderstoreUpdates: 'Vérification des mises à jour de la liste des mods depuis Thunderstore',
+        loadingLatestThunderstoreList: 'Chargement de la dernière liste de mods depuis Thunderstore',
+        pruningLocalCache: 'Élagage des mods qui ne sont plus disponibles dans le cache local',
+        processingModList: 'Traitement de la liste des mods'
+    }
+}
diff --git a/src/i18n/fr/platforms/PlatformTranslation.ts b/src/i18n/fr/platforms/PlatformTranslation.ts
new file mode 100644
index 000000000..f077e563b
--- /dev/null
+++ b/src/i18n/fr/platforms/PlatformTranslation.ts
@@ -0,0 +1,11 @@
+import {PlatformMessageFormat} from "../../base/platforms/PlatformMessageFormat";
+
+export const PlatformTranslation: PlatformMessageFormat = {
+    STEAM: 'Steam',
+    STEAM_DIRECT: 'Steam',
+    EPIC_GAMES_STORE: 'Epic Games Store',
+    OCULUS_STORE: 'Oculus / Meta Magasin',
+    ORIGIN: 'Origin / EA App',
+    XBOX_GAME_PASS: 'Xbox Game Pass',
+    OTHER: 'Autre'
+}

From 8a87cf56a217d033e1e91f599b4a5b3e43c62da1 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Mon, 4 Aug 2025 12:46:53 +0100
Subject: [PATCH 14/59] Added translations for main view of Profiles.vue

---
 .../pages/ProfileSelectionMessageFormat.ts    | 26 +++++++++++++++
 src/i18n/en/index.ts                          |  4 ++-
 .../en/pages/ProfileSelectionTranslation.ts   | 28 ++++++++++++++++
 src/i18n/fr/index.ts                          |  4 ++-
 .../fr/pages/ProfileSelectionTranslation.ts   | 28 ++++++++++++++++
 src/i18n/index.ts                             |  2 ++
 src/pages/Profiles.vue                        | 32 +++++++++++++------
 7 files changed, 113 insertions(+), 11 deletions(-)
 create mode 100644 src/i18n/base/pages/ProfileSelectionMessageFormat.ts
 create mode 100644 src/i18n/en/pages/ProfileSelectionTranslation.ts
 create mode 100644 src/i18n/fr/pages/ProfileSelectionTranslation.ts

diff --git a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
new file mode 100644
index 000000000..edf0b173e
--- /dev/null
+++ b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
@@ -0,0 +1,26 @@
+export type ProfileSelectionMessageFormat = {
+    pageTitle: {
+        title: string;
+        subtitle: string;
+    },
+    actions: {
+        backToGameSelection: string;
+        select: string;
+        rename: string;
+        create: string;
+        import: string;
+        delete: string;
+    },
+    error: {
+        selectProfile: string;
+        updateProfileList: string;
+    },
+    createProfileModal: {
+    },
+    deleteProfileModal: {
+    },
+    renameProfileModal: {
+    },
+    importProfileModal: {
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 65a75346b..6ebeabc46 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -5,6 +5,7 @@ import { MessageFormat } from '../index';
 import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
+import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 
 const message: MessageFormat = {
     metadata: {
@@ -14,7 +15,8 @@ const message: MessageFormat = {
     translations: {
         pages: {
             gameSelection: GameSelectionTranslation,
-            splash: SplashTranslation
+            splash: SplashTranslation,
+            profileSelection: ProfileSelectionTranslation
         },
         platforms: PlatformTranslation
     }
diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
new file mode 100644
index 000000000..08500e756
--- /dev/null
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -0,0 +1,28 @@
+import {ProfileSelectionMessageFormat} from "../../base/pages/ProfileSelectionMessageFormat";
+
+export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
+    pageTitle: {
+        title: 'Profile selection',
+        subtitle: 'Profiles help to organise mods easily'
+    },
+    actions: {
+        backToGameSelection: 'Back to game selection',
+        select: 'Select',
+        rename: 'Rename',
+        create: 'Create new',
+        import: 'Import / Update',
+        delete: 'Delete',
+    },
+    error: {
+        selectProfile: 'Error whilst selecting profile',
+        updateProfileList: 'Error whilst updating profile list'
+    },
+    createProfileModal: {
+    },
+    deleteProfileModal: {
+    },
+    renameProfileModal: {
+    },
+    importProfileModal: {
+    }
+}
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index e44765031..b9b6f1af8 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -1,6 +1,7 @@
 import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
+import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 
 const message = {
     metadata: {
@@ -10,7 +11,8 @@ const message = {
     translations: {
         pages: {
             gameSelection: GameSelectionTranslation,
-            splash: SplashTranslation
+            splash: SplashTranslation,
+            profileSelection: ProfileSelectionTranslation,
         },
         platforms: PlatformTranslation
     }
diff --git a/src/i18n/fr/pages/ProfileSelectionTranslation.ts b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
new file mode 100644
index 000000000..2cab51e72
--- /dev/null
+++ b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
@@ -0,0 +1,28 @@
+import {ProfileSelectionMessageFormat} from "../../base/pages/ProfileSelectionMessageFormat";
+
+export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
+    pageTitle: {
+        title: 'Profils',
+        subtitle: 'Les profils aident à organiser facilement les mods'
+    },
+    actions: {
+        backToGameSelection: 'Retour à la sélection du jeu',
+        select: 'Sélectionner',
+        rename: 'Renommer',
+        create: 'Créer un nouveau',
+        import: 'Importer / Mettre à jour',
+        delete: 'Supprimer'
+    },
+    error: {
+        selectProfile: 'Erreur lors de la sélection du profil',
+        updateProfileList: 'Erreur lors de la mise à jour de la liste de profils'
+    },
+    createProfileModal: {
+    },
+    deleteProfileModal: {
+    },
+    renameProfileModal: {
+    },
+    importProfileModal: {
+    }
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 72d8b6ecb..3a5faa023 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -3,6 +3,7 @@ import langFr from './fr';
 import { PlatformMessageFormat } from './base/platforms/PlatformMessageFormat';
 import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFormat';
 import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
+import { ProfileSelectionMessageFormat } from './base/pages/ProfileSelectionMessageFormat';
 
 export default {
     'en': langEn,
@@ -21,6 +22,7 @@ export type MessageFormat = {
         pages: {
             gameSelection: GameSelectionMessageFormat,
             splash: SplashMessageFormat,
+            profileSelection: ProfileSelectionMessageFormat,
         },
         platforms: PlatformMessageFormat;
     }
diff --git a/src/pages/Profiles.vue b/src/pages/Profiles.vue
index e4fbbbe20..5ecfad001 100644
--- a/src/pages/Profiles.vue
+++ b/src/pages/Profiles.vue
@@ -6,8 +6,8 @@
     <ImportProfileModal />
     <!-- Content -->
     <hero
-      title="Profile selection"
-      subtitle="Profiles help to organise mods easily"
+      :title="t('translations.pages.profileSelection.pageTitle.title')"
+      :subtitle="t('translations.pages.profileSelection.pageTitle.subtitle')"
       heroType="primary"
     />
     <div class="columns">
@@ -19,7 +19,7 @@
                 <div class='notification'>
                     <div class="container">
                         <i class='fas fa-long-arrow-alt-left margin-right' />
-                        <strong><a @click="backToGameSelection">Back to game selection</a></strong>
+                        <strong><a @click="backToGameSelection">{{ t('translations.pages.profileSelection.actions.backToGameSelection') }}</a></strong>
                     </div>
                 </div>
                 <div v-for="(profileName) of profileList" :key="profileName">
@@ -39,20 +39,32 @@
                 <div class="container">
                   <nav class="level">
                     <div class="level-item">
-                      <a id="select-profile" class="button is-info" @click="moveToNextScreen()">Select profile</a>
+                      <a id="select-profile" class="button is-info" @click="moveToNextScreen()">
+                          {{ t('translations.pages.profileSelection.actions.select') }}
+                      </a>
                     </div>
                       <div class="level-item">
-                          <a id="rename-profile-disabled" class="button" v-if="activeProfileName === 'Default'" :disabled="true">Rename</a>
-                          <a id="rename-profile" class="button" @click="openRenameProfileModal()" v-else>Rename</a>
+                          <a id="rename-profile-disabled" class="button" v-if="activeProfileName === 'Default'" :disabled="true">
+                              {{ t('translations.pages.profileSelection.actions.rename') }}
+                          </a>
+                          <a id="rename-profile" class="button" @click="openRenameProfileModal()" v-else>
+                              {{ t('translations.pages.profileSelection.actions.rename') }}
+                          </a>
                       </div>
                     <div class="level-item">
-                      <a id="create-profile" class="button" @click="openCreateProfileModal()">Create new</a>
+                      <a id="create-profile" class="button" @click="openCreateProfileModal()">
+                          {{ t('translations.pages.profileSelection.actions.create') }}
+                      </a>
                     </div>
                     <div class="level-item">
-                      <a class="button" @click="openImportProfileModal()">Import / Update</a>
+                      <a class="button" @click="openImportProfileModal()">
+                          {{ t('translations.pages.profileSelection.actions.import') }}
+                      </a>
                     </div>
                     <div class="level-item">
-                        <a class="button is-danger" @click="openDeleteProfileModal()">Delete</a>
+                        <a class="button is-danger" @click="openDeleteProfileModal()">
+                            {{ t('translations.pages.profileSelection.actions.delete') }}
+                        </a>
                     </div>
                   </nav>
                 </div>
@@ -76,9 +88,11 @@ import { computed, onMounted } from 'vue';
 import { getStore } from '../providers/generic/store/StoreProvider';
 import { State } from '../store';
 import { useRouter } from 'vue-router';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
 const router = useRouter();
+const { t } = useI18n();
 
 const profileList = computed(() => store.state.profiles.profileList);
 const activeProfileName = computed(() => store.getters['profile/activeProfileName']);

From d9e746ff09b5540c9de15b2b5b1ff008dcca9ffd Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Mon, 4 Aug 2025 14:40:59 +0100
Subject: [PATCH 15/59] Added i18n support for CreateProfileModal and
 DeleteProfileModal

---
 .../profiles-modals/CreateProfileModal.vue    | 22 +++++++++++++------
 .../profiles-modals/DeleteProfileModal.vue    | 21 +++++++++++++-----
 .../pages/ProfileSelectionMessageFormat.ts    | 19 ++++++++++++++++
 .../en/pages/ProfileSelectionTranslation.ts   | 19 ++++++++++++++++
 .../fr/pages/ProfileSelectionTranslation.ts   | 19 ++++++++++++++++
 5 files changed, 87 insertions(+), 13 deletions(-)

diff --git a/src/components/profiles-modals/CreateProfileModal.vue b/src/components/profiles-modals/CreateProfileModal.vue
index 39ffd8f0b..bccef8ad3 100644
--- a/src/components/profiles-modals/CreateProfileModal.vue
+++ b/src/components/profiles-modals/CreateProfileModal.vue
@@ -5,8 +5,10 @@ import { useProfilesComposable } from '../composables/ProfilesComposable';
 import { computed, nextTick, ref, watch } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const {
     doesProfileExist,
@@ -56,11 +58,13 @@ async function createProfile() {
     <ModalCard id="create-profile-modal" v-if="isOpen" :is-active="isOpen" @close-modal="closeModal">
 
         <template v-slot:header>
-            <h2 class="modal-title">Create a profile</h2>
+            <h2 class="modal-title">{{ t('translations.pages.profileSelection.createProfileModal.title') }}</h2>
         </template>
 
         <template v-slot:body>
-            <p>This profile will store its own mods independently from other profiles.</p>
+            <p>
+                {{ t('translations.pages.profileSelection.createProfileModal.description')}}
+            </p>
             <br/>
             <input
                 v-model="newProfileName"
@@ -72,19 +76,23 @@ async function createProfile() {
             />
             <br/><br/>
             <span class="tag is-dark" v-if="newProfileName === '' || makeProfileNameSafe(newProfileName) === ''">
-                Profile name required
+                {{ t('translations.pages.profileSelection.createProfileModal.tagStates.required') }}
             </span>
             <span class="tag is-success" v-else-if="!doesProfileExist(newProfileName)">
-                "{{makeProfileNameSafe(newProfileName)}}" is available
+                {{ t('translations.pages.profileSelection.createProfileModal.tagStates.valid', { profileName: makeProfileNameSafe(newProfileName) }) }}
             </span>
             <span class="tag is-danger" v-else-if="doesProfileExist(newProfileName)">
-                "{{makeProfileNameSafe(newProfileName)}}" is either already in use, or contains invalid characters
+                {{ t('translations.pages.profileSelection.createProfileModal.tagStates.error', { profileName: makeProfileNameSafe(newProfileName) }) }}
             </span>
         </template>
 
         <template v-slot:footer>
-            <button id="modal-create-profile-invalid" class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>Create</button>
-            <button id="modal-create-profile" class="button is-info" @click="createProfile()" :disabled="creatingInProgress" v-else>Create</button>
+            <button id="modal-create-profile-invalid" class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>
+                {{ t('translations.pages.profileSelection.createProfileModal.actions.create') }}
+            </button>
+            <button id="modal-create-profile" class="button is-info" @click="createProfile()" :disabled="creatingInProgress" v-else>
+                {{ t('translations.pages.profileSelection.createProfileModal.actions.create') }}
+            </button>
         </template>
 
     </ModalCard>
diff --git a/src/components/profiles-modals/DeleteProfileModal.vue b/src/components/profiles-modals/DeleteProfileModal.vue
index 3c859b1b1..4e9eda8a5 100644
--- a/src/components/profiles-modals/DeleteProfileModal.vue
+++ b/src/components/profiles-modals/DeleteProfileModal.vue
@@ -4,8 +4,10 @@ import R2Error from "../../model/errors/R2Error";
 import { computed, ref } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const deletingInProgress = ref<boolean>(false);
 const isOpen = computed(() => store.state.modals.isDeleteProfileModalOpen);
@@ -34,19 +36,26 @@ async function removeProfile() {
     <ModalCard id="delete-profile-modal" v-if="isOpen" :is-active="isOpen" @close-modal="closeDeleteProfileModal">
 
         <template v-slot:header>
-            <h2 class="modal-title">Delete profile</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.deleteProfileModal.title') }}
+            </h2>
         </template>
         <template v-slot:body>
-            <p>This will remove all mods, and their config files, installed within this profile.</p>
-            <p>If this was an accident, click either the darkened area, or the cross inside located in the top right.</p>
-            <p>Are you sure you'd like to delete this profile?</p>
+            <p>
+                {{ t('translations.pages.profileSelection.deleteProfileModal.content.resultingAction') }}
+            </p>
+            <p>
+                {{ t('translations.pages.profileSelection.deleteProfileModal.content.preventAction') }}
+            </p>
+            <p>{{ t('translations.pages.profileSelection.deleteProfileModal.content.confirmation') }}</p>
         </template>
         <template v-slot:footer>
             <button
                 :disabled="deletingInProgress"
                 class="button is-danger"
-                @click="removeProfile()"
-            >Delete profile</button>
+                @click="removeProfile()">
+                {{ t('translations.pages.profileSelection.deleteProfileModal.action.delete') }}
+            </button>
         </template>
 
     </ModalCard>
diff --git a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
index edf0b173e..213ce6038 100644
--- a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
+++ b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
@@ -16,8 +16,27 @@ export type ProfileSelectionMessageFormat = {
         updateProfileList: string;
     },
     createProfileModal: {
+        title: string;
+        description: string;
+        tagStates: {
+            required: string;
+            valid: string;
+            error: string;
+        },
+        actions: {
+            create: string;
+        }
     },
     deleteProfileModal: {
+        title: string;
+        content: {
+            resultingAction: string;
+            preventAction: string;
+            confirmation: string;
+        },
+        action: {
+            delete: string;
+        }
     },
     renameProfileModal: {
     },
diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
index 08500e756..63a7c84a0 100644
--- a/src/i18n/en/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -18,8 +18,27 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
         updateProfileList: 'Error whilst updating profile list'
     },
     createProfileModal: {
+        title: 'Create a profile',
+        description: 'This profile will store its own mods independently from other profiles.',
+        tagStates: {
+            required: 'You must enter a profile name',
+            valid: '"{profileName}" is a valid profile name',
+            error: '"{profileName}" is either already in use or contains invalid characters'
+        },
+        actions: {
+            create: 'Create'
+        }
     },
     deleteProfileModal: {
+        title: 'Delete profile',
+        content: {
+            resultingAction: 'This will remove all mods, and their config files, installed within this profile.',
+            preventAction: 'If this was an accident, click either the darkened area, or the cross inside located in the top right.',
+            confirmation: 'Are you sure you\'d like to delete this profile?',
+        },
+        action: {
+            delete: 'Delete profile',
+        }
     },
     renameProfileModal: {
     },
diff --git a/src/i18n/fr/pages/ProfileSelectionTranslation.ts b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
index 2cab51e72..a4bc21224 100644
--- a/src/i18n/fr/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
@@ -18,8 +18,27 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
         updateProfileList: 'Erreur lors de la mise à jour de la liste de profils'
     },
     createProfileModal: {
+        title: 'Créer un profil',
+        description: 'Ce profil stockera ses propres mods indépendamment des autres profils.',
+        tagStates: {
+            required: 'Vous devez entrer un nom de profil',
+            valid: '"{profileName}" est un nom de profil valide',
+            error: '"{profileName}" est déjà utilisé ou contient des caractères non valides'
+        },
+        actions: {
+            create: 'Créer'
+        }
     },
     deleteProfileModal: {
+        title: 'Supprimer un profil',
+        content: {
+            resultingAction: 'Cela supprimera tous les mods et leurs fichiers de configuration installés dans ce profil.',
+            preventAction: 'Si c\'est une erreur, cliquez sur la zone assombrie ou sur la croix en haut à droite.',
+            confirmation: 'Êtes-vous sûr de vouloir supprimer ce profil ?'
+        },
+        action: {
+            delete: 'Supprimer le profil'
+        }
     },
     renameProfileModal: {
     },

From 5bd17d6141f51ecc916aa39cbaea3d8aa07242af Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Tue, 5 Aug 2025 08:52:52 +0100
Subject: [PATCH 16/59] Added support for RenameProfileModal

---
 .../profiles-modals/DeleteProfileModal.vue    |  2 +-
 .../profiles-modals/RenameProfileModal.vue    | 24 +++++++++++++------
 .../pages/ProfileSelectionMessageFormat.ts    | 12 +++++++++-
 .../en/pages/ProfileSelectionTranslation.ts   | 12 +++++++++-
 .../fr/pages/ProfileSelectionTranslation.ts   | 12 +++++++++-
 5 files changed, 51 insertions(+), 11 deletions(-)

diff --git a/src/components/profiles-modals/DeleteProfileModal.vue b/src/components/profiles-modals/DeleteProfileModal.vue
index 4e9eda8a5..56abb5f8f 100644
--- a/src/components/profiles-modals/DeleteProfileModal.vue
+++ b/src/components/profiles-modals/DeleteProfileModal.vue
@@ -54,7 +54,7 @@ async function removeProfile() {
                 :disabled="deletingInProgress"
                 class="button is-danger"
                 @click="removeProfile()">
-                {{ t('translations.pages.profileSelection.deleteProfileModal.action.delete') }}
+                {{ t('translations.pages.profileSelection.deleteProfileModal.actions.delete') }}
             </button>
         </template>
 
diff --git a/src/components/profiles-modals/RenameProfileModal.vue b/src/components/profiles-modals/RenameProfileModal.vue
index fd7ed915e..eea729342 100644
--- a/src/components/profiles-modals/RenameProfileModal.vue
+++ b/src/components/profiles-modals/RenameProfileModal.vue
@@ -5,8 +5,10 @@ import { useProfilesComposable } from '../composables/ProfilesComposable';
 import { computed, nextTick, ref, watchEffect } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const {
     doesProfileExist,
@@ -60,10 +62,14 @@ async function performRename() {
     <ModalCard id="rename-profile-modal" v-if="isOpen" :is-active="isOpen" @close-modal="closeModal">
 
         <template v-slot:header>
-            <h2 class="modal-title">Rename a profile</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.renameProfileModal.title') }}
+            </h2>
         </template>
         <template v-slot:body>
-            <p>This profile will store its own mods independently from other profiles.</p>
+            <p>
+                {{ t('translations.pages.profileSelection.renameProfileModal.content') }}
+            </p>
 
             <input
                 v-model="newProfileName"
@@ -75,18 +81,22 @@ async function performRename() {
             />
 
             <span class="tag is-dark" v-if="newProfileName === '' || makeProfileNameSafe(newProfileName) === ''">
-                Profile name required
+                {{ t('translations.pages.profileSelection.renameProfileModal.tagStates.required') }}
             </span>
             <span class="tag is-success" v-else-if="!doesProfileExist(newProfileName)">
-                "{{makeProfileNameSafe(newProfileName)}}" is available
+                {{ t('translations.pages.profileSelection.renameProfileModal.tagStates.valid', { profileName: makeProfileNameSafe(newProfileName) }) }}
             </span>
             <span class="tag is-danger" v-else-if="doesProfileExist(newProfileName)">
-                "{{makeProfileNameSafe(newProfileName)}}" is either already in use, or contains invalid characters
+                {{ t('translations.pages.profileSelection.renameProfileModal.tagStates.error', { profileName: makeProfileNameSafe(newProfileName) }) }}
             </span>
         </template>
         <template v-slot:footer>
-            <button class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>Rename</button>
-            <button class="button is-info" @click="performRename()" :disabled="renamingInProgress" v-else>Rename</button>
+            <button class="button is-danger" v-if="doesProfileExist(newProfileName)" disabled>
+                {{ t('translations.pages.profileSelection.renameProfileModal.actions.rename') }}
+            </button>
+            <button class="button is-info" @click="performRename()" :disabled="renamingInProgress" v-else>
+                {{ t('translations.pages.profileSelection.renameProfileModal.actions.rename') }}
+            </button>
         </template>
 
     </ModalCard>
diff --git a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
index 213ce6038..afd5fc6bd 100644
--- a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
+++ b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
@@ -34,11 +34,21 @@ export type ProfileSelectionMessageFormat = {
             preventAction: string;
             confirmation: string;
         },
-        action: {
+        actions: {
             delete: string;
         }
     },
     renameProfileModal: {
+        title: string;
+        content: string;
+        actions: {
+            rename: string;
+        },
+        tagStates: {
+            required: string;
+            valid: string;
+            error: string;
+        },
     },
     importProfileModal: {
     }
diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
index 63a7c84a0..f9f49b91d 100644
--- a/src/i18n/en/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -36,11 +36,21 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
             preventAction: 'If this was an accident, click either the darkened area, or the cross inside located in the top right.',
             confirmation: 'Are you sure you\'d like to delete this profile?',
         },
-        action: {
+        actions: {
             delete: 'Delete profile',
         }
     },
     renameProfileModal: {
+        title: 'Rename a profile',
+        content: 'This profile will store its own mods independently from other profiles.',
+        actions: {
+            rename: 'Rename',
+        },
+        tagStates: {
+            required: 'You must enter a profile name',
+            valid: '"{profileName}" is a valid profile name',
+            error: '"{profileName}" is either already in use or contains invalid characters'
+        },
     },
     importProfileModal: {
     }
diff --git a/src/i18n/fr/pages/ProfileSelectionTranslation.ts b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
index a4bc21224..267c779fb 100644
--- a/src/i18n/fr/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
@@ -36,11 +36,21 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
             preventAction: 'Si c\'est une erreur, cliquez sur la zone assombrie ou sur la croix en haut à droite.',
             confirmation: 'Êtes-vous sûr de vouloir supprimer ce profil ?'
         },
-        action: {
+        actions: {
             delete: 'Supprimer le profil'
         }
     },
     renameProfileModal: {
+        title: 'Renommer un profil',
+        content: 'Ce profil stockera ses propres mods indépendamment des autres profils.',
+        actions: {
+            rename: 'Renommer',
+        },
+        tagStates: {
+            required: 'Vous devez entrer un nom de profil',
+            valid: '"{profileName}" est un nom de profil valide',
+            error: '"{profileName}" est déjà utilisé ou contient des caractères non valides'
+        },
     },
     importProfileModal: {
     }

From b415fc0f79fac30409284c0e57ec0d6c91db5524 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Wed, 6 Aug 2025 13:47:01 +0100
Subject: [PATCH 17/59] Added English translations for ImportProfileModal

---
 .../profiles-modals/ImportProfileModal.vue    | 127 ++++++++++++------
 .../pages/ProfileSelectionMessageFormat.ts    |  92 +++++++++++++
 .../en/pages/ProfileSelectionTranslation.ts   |  95 +++++++++++++
 src/store/modules/TsModsModule.ts             |  25 ++--
 src/utils/ProfileUtils.ts                     |  14 +-
 5 files changed, 296 insertions(+), 57 deletions(-)

diff --git a/src/components/profiles-modals/ImportProfileModal.vue b/src/components/profiles-modals/ImportProfileModal.vue
index 6ff373cf3..3aa570b58 100644
--- a/src/components/profiles-modals/ImportProfileModal.vue
+++ b/src/components/profiles-modals/ImportProfileModal.vue
@@ -17,10 +17,12 @@ import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import FileUtils from "../../utils/FileUtils";
 import * as DownloadUtils from "../../utils/DownloadUtils";
+import {useI18n} from "vue-i18n";
 
 const VALID_PROFILE_CODE_REGEX = /^[0-9a-f]{8}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{4}-[0-9a-f]{12}$/i;
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const {
     doesProfileExist,
@@ -253,9 +255,11 @@ async function onImportTargetSelected() {
 async function importProfile(targetProfileName: string, mods: ExportMod[], zipPath: string) {
     activeStep.value = 'PROFILE_IS_BEING_IMPORTED';
     importPhaseDescription.value = 'Downloading mods: 0%';
-    const progressCallback = (downloadedSize: number) => {
-        importPhaseDescription.value = `Downloading mods: ${DownloadUtils.generateProgressPercentage(downloadedSize, profileTotalDownloadSize.value)}%` +
-         ` of ${FileUtils.humanReadableSize(profileTotalDownloadSize.value)}`;
+    const progressCallback = (progress: number|string, modName: string, status: number) => {
+        console.log(progress);
+        return typeof progress === "number"
+            ? importPhaseDescription.value = t('translations.pages.profileSelection.importProfileModal.states.importInProgress.title.downloadingMods', {progress: Math.floor(progress), totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value)})
+            : importPhaseDescription.value = t(`translations.pages.profileSelection.importProfileModal.states.importInProgress.title.${progress}`, {progress: status, totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value)})
     };
     const isUpdate = importUpdateSelection.value === 'UPDATE';
 
@@ -288,31 +292,42 @@ function onContentOrPathNotSet() {
 <template>
     <ModalCard id="import-profile-from-file-or-code-modal" v-if="activeStep === 'FILE_CODE_SELECTION'" key="FILE_CODE_SELECTION" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title" v-if="importUpdateSelection === 'CREATE'">How are you importing a profile?</h2>
-            <h2 class="modal-title" v-if="importUpdateSelection === 'UPDATE'">How are you updating your profile?</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.fileCodeSelection.title') }}
+            </h2>
         </template>
         <template v-slot:footer>
             <button id="modal-import-profile-file"
                     class="button is-info"
-                    @click="onFileOrCodeSelect('FILE')">From file</button>
+                    @click="onFileOrCodeSelect('FILE')">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.fileCodeSelection.actions.fromFile') }}
+            </button>
             <button id="modal-import-profile-code"
                     class="button is-primary"
-                    @click="onFileOrCodeSelect('CODE')">From code</button>
+                    @click="onFileOrCodeSelect('CODE')">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.fileCodeSelection.actions.fromCode') }}
+            </button>
         </template>
     </ModalCard>
 
     <ModalCard id="import-profile-from-file-modal" v-else-if="activeStep === 'IMPORT_FILE'" key="IMPORT_FILE" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Loading file</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.fromFile.title') }}
+            </h2>
         </template>
         <template v-slot:footer>
-            <p>A file selection window will appear. Once a profile has been selected it may take a few moments.</p>
+            <p>
+                {{ t('translations.pages.profileSelection.importProfileModal.states.fromFile.content') }}
+            </p>
         </template>
     </ModalCard>
 
     <ModalCard id="import-profile-from-code-modal" v-else-if="activeStep === 'IMPORT_CODE'" :can-close="!importViaCodeInProgress" key="IMPORT_CODE" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Enter the profile code</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.importCode.title') }}
+            </h2>
         </template>
         <template v-slot:body>
             <input
@@ -322,13 +337,13 @@ function onContentOrPathNotSet() {
                 class="input"
                 type="text"
                 ref="profileCodeInput"
-                placeholder="Enter the profile code"
+                :placeholder="t('translations.pages.profileSelection.importProfileModal.states.importCode.enterCodePlaceholder')"
                 autocomplete="off"
             />
             <br />
             <br />
             <span class="tag is-danger" v-if="profileImportCode !== '' && !isProfileCodeValid">
-                Invalid code, check for typos
+                {{ t('translations.pages.profileSelection.importProfileModal.states.importCode.tagStates.invalid') }}
             </span>
         </template>
         <template v-slot:footer>
@@ -337,26 +352,32 @@ function onContentOrPathNotSet() {
                 id="modal-import-profile-from-code"
                 class="button is-info"
                 @click="onProfileCodeEntered();">
-                {{importViaCodeInProgress ? 'Loading...' : 'Continue'}}
+                <template v-if="importViaCodeInProgress">
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.importCode.actions.loading') }}
+                </template>
+                <template v-else>
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.importCode.actions.proceed') }}
+                </template>
             </button>
         </template>
     </ModalCard>
 
     <ModalCard id="import-profile-refresh-mod-list-modal" v-else-if="activeStep === 'REFRESH_MOD_LIST'" key="REFRESH_MOD_LIST" :is-active="isOpen" :can-close="false">
         <template v-slot:header>
-            <h2 class="modal-title">Refreshing online mod list</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.refresh.title') }}
+            </h2>
         </template>
         <template v-slot:footer>
             <div>
                 <p>
-                    Some of the packages in the profile are not recognized by the mod manager.
-                    Refreshing the online mod list might fix the problem. Please wait...
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.refresh.description') }}
                 </p>
                 <p v-if="store.getters['download/activeDownloadCount'] > 0" class="margin-top">
-                    Waiting for mod downloads to finish before refreshing the online mod list...
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.refresh.waitingForModDownloads') }}
                 </p>
                 <p v-else class="margin-top">
-                    {{store.state.tsMods.thunderstoreModListUpdateStatus}}
+                    {{ t(`translations.pages.profileSelection.importProfileModal.states.refresh.refreshStatus.${store.state.tsMods.thunderstoreModListUpdateStatus}`, { progress: store.state.tsMods.thunderstoreModListUpdateProgress }) }}
                 </p>
             </div>
         </template>
@@ -364,19 +385,25 @@ function onContentOrPathNotSet() {
 
     <ModalCard id="review-profile-import-modal" v-else-if="activeStep === 'REVIEW_IMPORT'" key="REVIEW_IMPORT" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Packages to be installed</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.title') }}
+            </h2>
         </template>
         <template v-slot:body>
             <div v-if="knownProfileMods.length === 0 || profileMods.unknown.length > 0" class="notification is-warning">
-                <p>These packages in the profile were not found on Thunderstore and will not be installed:</p>
+                <p>
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.content.notFoundDisclaimer') }}
+                </p>
                 <p class="margin-top">{{ unknownProfileModNames }}</p>
 
                 <p v-if="knownProfileMods.length === 0" class="margin-top">
-                    Ensure the profile is intended for the currently selected game.
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.content.ensureCorrectProfile') }}
                 </p>
             </div>
 
-            <p v-if="knownProfileMods.length > 0 && profileMods.unknown.length > 0" class="margin-bottom">These packages will be installed:</p>
+            <p v-if="knownProfileMods.length > 0 && profileMods.unknown.length > 0" class="margin-bottom">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.content.packagesWillBeInstalled') }}
+            </p>
             <OnlineModList
                 v-if="knownProfileMods.length > 0"
                 :paged-mod-list="knownProfileMods"
@@ -392,7 +419,9 @@ function onContentOrPathNotSet() {
                     class="is-checkradio has-background-color"
                     type="checkbox"
                 >
-                <label for="partialImportAllowedCheckbox">I understand that some of the mods won't be imported</label>
+                <label for="partialImportAllowedCheckbox">
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.actions.acknowledgement') }}
+                </label>
             </div>
 
             <button
@@ -402,7 +431,7 @@ function onContentOrPathNotSet() {
                 :disabled="knownProfileMods.length === 0 || (profileMods.unknown.length > 0 && !isPartialImportAllowed)"
                 @click="onProfileReviewConfirmed"
             >
-                Import
+                {{ t('translations.pages.profileSelection.importProfileModal.states.reviewImport.actions.proceed') }}
             </button>
 
         </template>
@@ -410,28 +439,34 @@ function onContentOrPathNotSet() {
 
     <ModalCard id="import-or-update-profile-selection-modal" v-else-if="activeStep === 'IMPORT_UPDATE_SELECTION'" key="IMPORT_UPDATE_SELECTION" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Are you going to be updating an existing profile or creating a new one?</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.willImportOrUpdate.title') }}
+            </h2>
         </template>
         <template v-slot:footer>
             <button id="modal-import-new-profile"
                     class="button is-info"
                     @click="onCreateOrUpdateSelect('CREATE')">
-                Import new profile
+                {{ t('translations.pages.profileSelection.importProfileModal.states.willImportOrUpdate.actions.newProfile') }}
             </button>
             <button id="modal-update-existing-profile"
                     class="button is-primary"
                     @click="onCreateOrUpdateSelect('UPDATE')">
-                Update existing profile
+                {{ t('translations.pages.profileSelection.importProfileModal.states.willImportOrUpdate.actions.existingProfile') }}
             </button>
         </template>
     </ModalCard>
 
     <ModalCard id="import-add-profile-modal" v-else-if="activeStep === 'ADDING_PROFILE'" key="ADDING_PROFILE" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 v-if="importUpdateSelection === 'CREATE'" class="modal-title">Import a profile</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.title') }}
+            </h2>
         </template>
         <template v-slot:body v-if="importUpdateSelection === 'CREATE'">
-            <p>This profile will store its own mods independently from other profiles.</p>
+            <p>
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.content.create.description') }}
+            </p>
             <br/>
             <input
                 v-model="targetProfileName"
@@ -444,32 +479,44 @@ function onContentOrPathNotSet() {
             />
             <br/><br/>
             <span class="tag is-dark" v-if="makeProfileNameSafe(targetProfileName) === ''">
-                Profile name required
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.tagStates.required') }}
             </span>
             <span class="tag is-success" v-else-if="!doesProfileExist(targetProfileName)">
-                "{{makeProfileNameSafe(targetProfileName)}}" is available
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.tagStates.valid', { profileName: makeProfileNameSafe(targetProfileName) }) }}
             </span>
             <span class="tag is-danger" v-else>
-                "{{makeProfileNameSafe(targetProfileName)}}" is either already in use, or contains invalid characters
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.tagStates.error', { profileName: makeProfileNameSafe(targetProfileName) }) }}
             </span>
         </template>
         <template v-slot:body v-else-if="importUpdateSelection === 'UPDATE'">
             <div class="notification is-warning">
-                <p>All contents of the profile will be overwritten with the contents of the code/file.</p>
+                <p>
+                    {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.content.update.contentsWillBeOverwritten') }}
+                </p>
             </div>
-            <p>Select a profile below:</p>
+            <p>
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.content.update.selectProfile') }}
+            </p>
             <br/>
             <select class="select" v-model="targetProfileName">
                 <option v-for="profile of profileList" :key="profile">{{ profile }}</option>
             </select>
         </template>
         <template v-slot:footer v-if="importUpdateSelection === 'CREATE'">
-            <button id="modal-create-profile-invalid" class="button is-danger" v-if="doesProfileExist(targetProfileName)">Create</button>
-            <button id="modal-create-profile" class="button is-info" v-else @click="onImportTargetSelected()">Create</button>
+            <button id="modal-create-profile-invalid" class="button is-danger" v-if="doesProfileExist(targetProfileName)">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.actions.create') }}
+            </button>
+            <button id="modal-create-profile" class="button is-info" v-else @click="onImportTargetSelected()">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.actions.create') }}
+            </button>
         </template>
         <template v-slot:footer v-else-if="importUpdateSelection === 'UPDATE'">
-            <button id="modal-update-profile-invalid" class="button is-danger" v-if="!doesProfileExist(targetProfileName)">Update profile: {{ targetProfileName }}</button>
-            <button id="modal-update-profile" class="button is-info" v-else @click="onImportTargetSelected()">Update profile: {{ targetProfileName }}</button>
+            <button id="modal-update-profile-invalid" class="button is-danger" v-if="!doesProfileExist(targetProfileName)">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.actions.update', { profileName: targetProfileName }) }}
+            </button>
+            <button id="modal-update-profile" class="button is-info" v-else @click="onImportTargetSelected()">
+                {{ t('translations.pages.profileSelection.importProfileModal.states.addProfile.actions.update', { profileName: targetProfileName }) }}
+            </button>
         </template>
     </ModalCard>
 
@@ -479,9 +526,9 @@ function onContentOrPathNotSet() {
         </template>
         <template v-slot:footer>
             <p>
-                This may take a while, as files are being downloaded, extracted, and copied.
+                {{ t('translations.pages.profileSelection.importProfileModal.states.importInProgress.content.waitMessage') }}
                 <br><br>
-                Please do not close {{appName}}.
+                {{ t('translations.pages.profileSelection.importProfileModal.states.importInProgress.content.doNotClose', { appName: appName }) }}
             </p>
         </template>
     </ModalCard>
diff --git a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
index afd5fc6bd..f60122395 100644
--- a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
+++ b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
@@ -51,5 +51,97 @@ export type ProfileSelectionMessageFormat = {
         },
     },
     importProfileModal: {
+        states: {
+            fileCodeSelection: {
+                title: string;
+                actions: {
+                    fromCode: string;
+                    fromFile: string;
+                }
+            },
+            importCode: {
+                title: string;
+                enterCodePlaceholder: string;
+                actions: {
+                    proceed: string;
+                    loading: string;
+                },
+                tagStates: {
+                    invalid: string;
+                }
+            },
+            fromFile: {
+                title: string;
+                content: string;
+            },
+            refresh: {
+                title: string;
+                content: {
+                    description: string;
+                    waitingForModDownloads: string;
+                    refreshStatus: {
+                        checkingForUpdates: string;
+                        loadingLatestModList: string;
+                        pruneCache: string;
+                        processingModList: string;
+                        almostDone: string;
+                        resettingCache: string;
+                    };
+                };
+            },
+            reviewImport: {
+                title: string;
+                content: {
+                    notFoundDisclaimer: string;
+                    ensureCorrectProfile: string;
+                    packagesWillBeInstalled: string;
+                },
+                actions: {
+                    acknowledgement: string;
+                    proceed: string;
+                }
+            },
+            willImportOrUpdate: {
+                title: string;
+                actions: {
+                    newProfile: string;
+                    existingProfile: string;
+                }
+            },
+            addProfile: {
+                title: string;
+                content: {
+                    create: {
+                        description: string;
+                    },
+                    update: {
+                        contentsWillBeOverwritten: string;
+                        selectProfile: string;
+                    }
+                };
+                tagStates: {
+                    required: string;
+                    valid: string;
+                    error: string;
+                },
+                actions: {
+                    create: string;
+                    update: string;
+                }
+            },
+            importInProgress: {
+                title: {
+                    downloadingMods: string;
+                    cleaningUp: string;
+                    applyChanges: string,
+                    copyingModsToProfile: string;
+                    copyingConfigsToProfile: string;
+                },
+                content: {
+                    waitMessage: string;
+                    doNotClose: string;
+                }
+            }
+        }
     }
 }
diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
index f9f49b91d..f3fe21c6a 100644
--- a/src/i18n/en/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -53,5 +53,100 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
         },
     },
     importProfileModal: {
+        states: {
+            fileCodeSelection: {
+                title: 'How are you importing a profile?',
+                actions: {
+                    fromFile: 'From file',
+                    fromCode: 'From code'
+                }
+            },
+            fromFile: {
+                title: 'Loading file',
+                content: 'A file selection window will appear. Once a profile has been selected it may take a few moments.',
+            },
+            importCode: {
+                title: 'Enter the profile code',
+                enterCodePlaceholder: 'Enter the profile code',
+                tagStates: {
+                    invalid: 'Invalid code, check for typos',
+                },
+                actions: {
+                    loading: 'Loading...',
+                    proceed: 'Continue'
+                }
+            },
+            refresh: {
+                title: 'Refreshing online mod list',
+                content: {
+                    description: `
+                    Some of the packages in the profile are not recognized by the mod manager.
+                    Refreshing the online mod list might fix the problem. Please wait.
+                    `,
+                    waitingForModDownloads: 'Waiting for mod downloads to finish before refreshing the online mod list',
+                    refreshStatus: {
+                        checkingForUpdates: 'Checking for mod list updates from Thunderstore',
+                        loadingLatestModList: 'Loading latest mod list from Thunderstore: {progress}%',
+                        pruneCache: 'Pruning removed mods from local cache',
+                        processingModList: 'Processing the mod list',
+                        almostDone: 'Almost done',
+                        resettingCache: 'Resetting mod list cache',
+                    }
+                }
+            },
+            reviewImport: {
+                title: 'Packages to be installed',
+                content: {
+                    notFoundDisclaimer: 'These packages in the profile were not found on Thunderstore and will not be installed:',
+                    ensureCorrectProfile: 'Ensure the profile is intended for the currently selected game.',
+                    packagesWillBeInstalled: 'These packages will be installed:',
+                },
+                actions: {
+                    acknowledgement: 'I understand that some of the mods won\'t be imported',
+                    proceed: 'Import'
+                }
+            },
+            willImportOrUpdate: {
+                title: 'Are you going to be updating an existing profile or creating a new one?',
+                actions: {
+                    newProfile: 'Import new profile',
+                    existingProfile: 'Update existing profile',
+                }
+            },
+            addProfile: {
+                title: 'Import a profile',
+                content: {
+                    create: {
+                        description: 'This profile will store its own mods independently from other profiles.'
+                    },
+                    update: {
+                        contentsWillBeOverwritten: 'All contents of the profile will be overwritten with the contents of the code/file.',
+                        selectProfile: 'Select a profile below:'
+                    }
+                },
+                tagStates: {
+                    required: 'You must enter a profile name',
+                    valid: '"{profileName}" is a valid profile name',
+                    error: '"{profileName}" is either already in use or contains invalid characters'
+                },
+                actions: {
+                    create: 'Create',
+                    update: 'Update profile: {profileName}'
+                }
+            },
+            importInProgress: {
+                title: {
+                    downloadingMods: 'Downloading mods: {progress}%',
+                    cleaningUp: 'Cleaning up',
+                    applyChanges: 'Applying changes to updated profile',
+                    copyingModsToProfile: 'Copying mods to profile: {progress}%',
+                    copyingConfigsToProfile: 'Copying configs to profile: {progress}%',
+                },
+                content: {
+                    waitMessage: 'This may take a while, as files are being downloaded, extracted, and copied.',
+                    doNotClose: 'Please do not close {appName}.'
+                }
+            }
+        }
     }
 }
diff --git a/src/store/modules/TsModsModule.ts b/src/store/modules/TsModsModule.ts
index 2d2f0b90a..2028d5653 100644
--- a/src/store/modules/TsModsModule.ts
+++ b/src/store/modules/TsModsModule.ts
@@ -28,6 +28,7 @@ interface State {
     modsLastUpdated?: Date;
     thunderstoreModListUpdateError: Error|undefined;
     thunderstoreModListUpdateStatus: string;
+    thunderstoreModListUpdateProgress: number;
 }
 
 type ProgressCallback = (progress: number) => void;
@@ -73,7 +74,8 @@ export const TsModsModule = {
         /*** Error shown on UI after mod list refresh fails */
         thunderstoreModListUpdateError: undefined,
         /*** Status shown on UI during mod list refresh */
-        thunderstoreModListUpdateStatus: ''
+        thunderstoreModListUpdateStatus: '',
+        thunderstoreModListUpdateProgress: 0,
     }),
 
     getters: <GetterTree<State, RootState>>{
@@ -171,6 +173,9 @@ export const TsModsModule = {
         setThunderstoreModListUpdateStatus(state, status: string) {
             state.thunderstoreModListUpdateStatus = status;
         },
+        setThunderstoreModListUpdateProgress(state, progress: number) {
+            state.thunderstoreModListUpdateProgress = progress;
+        },
         startThunderstoreModListUpdate(state) {
             state.isThunderstoreModListUpdateInProgress = true;
             state.thunderstoreModListUpdateError = undefined;
@@ -211,7 +216,7 @@ export const TsModsModule = {
             commit('startThunderstoreModListUpdate');
 
             try {
-                commit('setThunderstoreModListUpdateStatus', 'Checking for mod list updates from Thunderstore...');
+                commit('setThunderstoreModListUpdateStatus', 'checkingForUpdates');
                 const packageListIndex = await dispatch('fetchPackageListIndex');
 
                 // If the package list is up to date, only update the timestamp. Otherwise,
@@ -223,15 +228,15 @@ export const TsModsModule = {
                         'fetchAndCachePackageListChunks',
                         {
                             packageListIndex,
-                            progressCallback: (progress: number) => commit(
-                                'setThunderstoreModListUpdateStatus',
-                                `Loading latest mod list from Thunderstore: ${progress}%`
-                            ),
+                            progressCallback: (progress: number) => {
+                                commit('setThunderstoreModListUpdateStatus', 'loadingLatestModList');
+                                commit('setThunderstoreModListUpdateProgress', progress);
+                            },
                         },
                     );
 
                     if (areAllChunksProcessedSuccessfully) {
-                        commit('setThunderstoreModListUpdateStatus', 'Pruning removed mods from local cache...');
+                        commit('setThunderstoreModListUpdateStatus', 'pruneCache');
                         await dispatch('pruneRemovedModsFromCache', packageListIndex.dateFetched);
                     }
                 }
@@ -245,9 +250,9 @@ export const TsModsModule = {
                 if (packageListIndex.isLatest && state.mods.length > 0) {
                     await dispatch('updateModsLastUpdated');
                 } else {
-                    commit('setThunderstoreModListUpdateStatus', 'Processing the mod list...');
+                    commit('setThunderstoreModListUpdateStatus', 'processingModList');
                     await dispatch('updateMods');
-                    commit('setThunderstoreModListUpdateStatus', 'Almost done...');
+                    commit('setThunderstoreModListUpdateStatus', 'almostDone');
                     await dispatch('profile/tryLoadModListFromDisk', null, {root: true});
                     await dispatch('prewarmCache');
                 }
@@ -381,7 +386,7 @@ export const TsModsModule = {
             const community = rootState.activeGame.internalFolderName;
 
             try {
-                commit('setThunderstoreModListUpdateStatus', 'Resetting mod list cache...');
+                commit('setThunderstoreModListUpdateStatus', 'resettingCache');
                 await PackageDb.resetCommunity(community);
                 commit('setModsLastUpdated', undefined);
             } finally {
diff --git a/src/utils/ProfileUtils.ts b/src/utils/ProfileUtils.ts
index 524889b35..b78736e94 100644
--- a/src/utils/ProfileUtils.ts
+++ b/src/utils/ProfileUtils.ts
@@ -37,7 +37,7 @@ export async function exportModsToCombos(
 async function extractConfigsToImportedProfile(
     file: string,
     profileName: string,
-    progressCallback: (status: string) => void
+    progressCallback: (status: string, modName?: string, progress?: number) => void
 ) {
     const zipEntries = await ZipProvider.instance.getEntries(file);
     const excludedFiles = ["export.r2x", "mods.yml"];
@@ -54,7 +54,7 @@ async function extractConfigsToImportedProfile(
         }
 
         const progress = Math.floor(((index + 1) / zipEntries.length) * 100);
-        progressCallback(`Copying configs to profile: ${progress}%`);
+        progressCallback('copyingConfigsToProfile', undefined, progress);
     }
 }
 
@@ -114,7 +114,7 @@ export async function installModsToProfile(
 
             if (typeof progressCallback === "function") {
                 const progress = Math.floor(((index + 1) / comboList.length) * 100);
-                progressCallback(`Copying mods to profile: ${progress}%`, modName, progress);
+                progressCallback('copyingModsToProfile', modName, progress);
             }
         }
     } catch (e) {
@@ -131,7 +131,7 @@ export async function installModsToProfile(
     throwForR2Error(preDiskSaveError || diskSaveError);
 
     if (typeof progressCallback === "function") {
-        progressCallback("Copying mods to profile: 100%", modName, 100);
+        progressCallback('copyingModsToProfile', modName, 100);
     }
 
     return profileMods;
@@ -189,12 +189,12 @@ export async function populateImportedProfile(
     profileName: string,
     isUpdate: boolean,
     zipPath: string,
-    progressCallback: (status: string) => void
+    progressCallback: (status: string, modName?: string, progress?: number) => void
 ) {
     const profile = new ImmutableProfile(isUpdate ? '_profile_update' : profileName);
 
     if (isUpdate) {
-        progressCallback('Cleaning up...');
+        progressCallback('cleaningUp');
         await FileUtils.recursiveRemoveDirectoryIfExists(profile.getProfilePath());
     }
 
@@ -208,7 +208,7 @@ export async function populateImportedProfile(
     }
 
     if (isUpdate) {
-        progressCallback('Applying changes to updated profile...');
+        progressCallback('applyingChanges');
         const targetProfile = new ImmutableProfile(profileName);
         await FileUtils.recursiveRemoveDirectoryIfExists(targetProfile.getProfilePath());
         await FsProvider.instance.rename(profile.getProfilePath(), targetProfile.getProfilePath());

From e01dee1491d95ba659c51be7fbca227d56631e90 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 09:20:54 +0100
Subject: [PATCH 18/59] Added French translations for ImportProfileModal

---
 .../en/pages/ProfileSelectionTranslation.ts   |  2 +-
 .../fr/pages/ProfileSelectionTranslation.ts   | 96 +++++++++++++++++++
 2 files changed, 97 insertions(+), 1 deletion(-)

diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
index f3fe21c6a..b842a07d0 100644
--- a/src/i18n/en/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -72,7 +72,7 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
                     invalid: 'Invalid code, check for typos',
                 },
                 actions: {
-                    loading: 'Loading...',
+                    loading: 'Loading',
                     proceed: 'Continue'
                 }
             },
diff --git a/src/i18n/fr/pages/ProfileSelectionTranslation.ts b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
index 267c779fb..da344a57f 100644
--- a/src/i18n/fr/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/fr/pages/ProfileSelectionTranslation.ts
@@ -53,5 +53,101 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
         },
     },
     importProfileModal: {
+        states: {
+            fileCodeSelection: {
+                title: 'Comment souhaitez-vous importer un profil ?',
+                actions: {
+                    fromFile: 'Depuis un fichier',
+                    fromCode: 'Depuis un code'
+                }
+            },
+            fromFile: {
+                title: 'Chargement du fichier',
+                content: 'Une fenêtre de sélection de fichier va s\'ouvrir. Une fois le profil sélectionné, cela peut prendre quelques instants.',
+            },
+            importCode: {
+                title: 'Entrez le code du profil',
+                enterCodePlaceholder: 'Entrez le code du profil',
+                tagStates: {
+                    invalid: 'Code invalide, vérifiez qu\'il n\'y a pas de coquilles',
+                },
+                actions: {
+                    loading: 'Chargement',
+                    proceed: 'Continuer'
+                }
+            },
+            refresh: {
+                title: 'Actualisation de la liste de mods en ligne',
+                content: {
+                    description: `
+                    Certains des paquets dans le profil ne sont pas reconnus par le gestionnaire de mods.
+                    L'actualisation de la liste de mods en ligne pourrait résoudre le problème. Veuillez patienter.
+                    `,
+                    waitingForModDownloads: 'En attente de la fin des téléchargements de mods avant d\'actualiser la liste en ligne',
+                    refreshStatus: {
+                        checkingForUpdates: 'Vérification des mises à jour de la liste des mods depuis Thunderstore',
+                        loadingLatestModList: 'Chargement de la dernière liste de mods depuis Thunderstore : {progress}%',
+                        pruneCache: 'Élagage des mods qui ne sont plus disponibles dans le cache local',
+                        processingModList: 'Traitement de la liste des mods',
+                        almostDone: 'Presque terminé',
+                        resettingCache: 'Réinitialisation du cache des mods',
+                    }
+                }
+            },
+            reviewImport: {
+                title: 'Paquets à installer',
+                content: {
+                    notFoundDisclaimer: 'Les paquets du profil suivants n\'ont pas été trouvés sur Thunderstore et ne seront pas installés :',
+                    ensureCorrectProfile: 'Assurez-vous que le profil est destiné au jeu actuellement sélectionné.',
+                    packagesWillBeInstalled: 'Les paquets suivants seront installés :',
+                },
+                actions: {
+                    acknowledgement: 'Je comprends que certains mods ne seront pas importés',
+                    proceed: 'Importer'
+                }
+            },
+            willImportOrUpdate: {
+                title: 'Souhaitez-vous mettre à jour un profil existant ou en créer un nouveau ?',
+                actions: {
+                    newProfile: 'Importer un nouveau profil',
+                    existingProfile: 'Mettre à jour un profil existant',
+                }
+            },
+            addProfile: {
+                title: 'Importer un profil',
+                content: {
+                    create: {
+                        description: 'Ce profil stockera ses propres mods indépendamment des autres profils.'
+                    },
+                    update: {
+                        contentsWillBeOverwritten: 'Tout le contenu du profil sera écrasé par le contenu du code/fichier.',
+                        selectProfile: 'Sélectionnez un profil ci-dessous :'
+                    }
+                },
+                tagStates: {
+                    required: 'Vous devez entrer un nom de profil',
+                    valid: '"{profileName}" est un nom de profil valide',
+                    error: '"{profileName}" est déjà utilisé ou contient des caractères non valides'
+                },
+                actions: {
+                    create: 'Créer',
+                    update: 'Mettre à jour le profil : {profileName}'
+                }
+            },
+            importInProgress: {
+                title: {
+                    downloadingMods: 'Téléchargement des mods : {progress}%',
+                    cleaningUp: 'Nettoyage',
+                    applyChanges: 'Application des changements au profil mis à jour',
+                    copyingModsToProfile: 'Copie des mods vers le profil : {progress}%',
+                    copyingConfigsToProfile: 'opie des fichiers de configuration vers le profil : {progress}%',
+                },
+                content: {
+                    waitMessage: 'Cela peut prendre un certain temps, car les fichiers sont téléchargés, extraits et copiés.',
+                    doNotClose: 'Veuillez ne pas fermer {appName}.'
+                }
+            }
+        }
     }
+
 }

From d511cbc466d6ec04ca8186d23dfc17aa80dc7295 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 27 Aug 2025 14:13:50 +0100
Subject: [PATCH 19/59] WIP: Fixed new import progress text changes from
 develop

- Only added English translation
---
 .../profiles-modals/ImportProfileModal.vue        | 15 +++++++--------
 .../base/pages/ProfileSelectionMessageFormat.ts   |  1 +
 src/i18n/en/pages/ProfileSelectionTranslation.ts  |  4 +++-
 3 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/profiles-modals/ImportProfileModal.vue b/src/components/profiles-modals/ImportProfileModal.vue
index 3aa570b58..d9dae8fe8 100644
--- a/src/components/profiles-modals/ImportProfileModal.vue
+++ b/src/components/profiles-modals/ImportProfileModal.vue
@@ -254,12 +254,11 @@ async function onImportTargetSelected() {
 
 async function importProfile(targetProfileName: string, mods: ExportMod[], zipPath: string) {
     activeStep.value = 'PROFILE_IS_BEING_IMPORTED';
-    importPhaseDescription.value = 'Downloading mods: 0%';
-    const progressCallback = (progress: number|string, modName: string, status: number) => {
-        console.log(progress);
-        return typeof progress === "number"
-            ? importPhaseDescription.value = t('translations.pages.profileSelection.importProfileModal.states.importInProgress.title.downloadingMods', {progress: Math.floor(progress), totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value)})
-            : importPhaseDescription.value = t(`translations.pages.profileSelection.importProfileModal.states.importInProgress.title.${progress}`, {progress: status, totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value)})
+    importPhaseDescription.value = t('translations.pages.profileSelection.importProfileModal.states.importInProgress.title.downloadingMods');
+    const progressCallback = (state: number|string, modName: string, progress: number) => {
+        return typeof state === "number"
+            ? importPhaseDescription.value = t('translations.pages.profileSelection.importProfileModal.states.importInProgress.title.downloadingModsWithGoal', {progress: Math.floor((state / profileTotalDownloadSize.value) * 100), totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value), modName: modName })
+            : importPhaseDescription.value = t(`translations.pages.profileSelection.importProfileModal.states.importInProgress.title.${state}`, {progress: progress, totalSize: FileUtils.humanReadableSize(profileTotalDownloadSize.value), modName: modName })
     };
     const isUpdate = importUpdateSelection.value === 'UPDATE';
 
@@ -268,8 +267,8 @@ async function importProfile(targetProfileName: string, mods: ExportMod[], zipPa
         profileTotalDownloadSize.value = await DownloadUtils.getTotalDownloadSizeInBytes(combos, store.state.download.ignoreCache);
 
         await store.dispatch('download/downloadToCache', {combos, progressCallback});
-        await ProfileUtils.populateImportedProfile(combos, mods, targetProfileName, isUpdate, zipPath, (progress) => {
-            importPhaseDescription.value = progress;
+        await ProfileUtils.populateImportedProfile(combos, mods, targetProfileName, isUpdate, zipPath, (status, modName, progress) => {
+            importPhaseDescription.value = t(`translations.pages.profileSelection.importProfileModal.states.importInProgress.title.${status}`, { progress: progress, modName: modName });
         });
     } catch (e) {
         await store.dispatch('profiles/ensureProfileExists');
diff --git a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
index f60122395..335765a62 100644
--- a/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
+++ b/src/i18n/base/pages/ProfileSelectionMessageFormat.ts
@@ -132,6 +132,7 @@ export type ProfileSelectionMessageFormat = {
             importInProgress: {
                 title: {
                     downloadingMods: string;
+                    downloadingModsWithGoal: string;
                     cleaningUp: string;
                     applyChanges: string,
                     copyingModsToProfile: string;
diff --git a/src/i18n/en/pages/ProfileSelectionTranslation.ts b/src/i18n/en/pages/ProfileSelectionTranslation.ts
index b842a07d0..77eb47318 100644
--- a/src/i18n/en/pages/ProfileSelectionTranslation.ts
+++ b/src/i18n/en/pages/ProfileSelectionTranslation.ts
@@ -137,10 +137,12 @@ export const ProfileSelectionTranslation: ProfileSelectionMessageFormat = {
             importInProgress: {
                 title: {
                     downloadingMods: 'Downloading mods: {progress}%',
+                    downloadingModsWithGoal: `Downloading mods: {progress}% of {totalSize}`,
                     cleaningUp: 'Cleaning up',
                     applyChanges: 'Applying changes to updated profile',
                     copyingModsToProfile: 'Copying mods to profile: {progress}%',
-                    copyingConfigsToProfile: 'Copying configs to profile: {progress}%',
+                    copyingConfigsToProfile: 'Copying configs to profile: {progress}%'
+
                 },
                 content: {
                     waitMessage: 'This may take a while, as files are being downloaded, extracted, and copied.',

From fb5cefc160f1c7249a02fafbd9a495f5621e0540 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 11:46:11 +0100
Subject: [PATCH 20/59] Added English i18n support for NavigationMenu and
 update banner

---
 src/components/navigation/NavigationMenu.vue | 38 ++++++++++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts  | 27 ++++++++++++++
 src/i18n/en/index.ts                         |  4 ++-
 src/i18n/en/pages/ManagerTranslation.ts      | 29 +++++++++++++++
 src/i18n/index.ts                            |  2 ++
 5 files changed, 88 insertions(+), 12 deletions(-)
 create mode 100644 src/i18n/base/pages/ManagerMessageFormat.ts
 create mode 100644 src/i18n/en/pages/ManagerTranslation.ts

diff --git a/src/components/navigation/NavigationMenu.vue b/src/components/navigation/NavigationMenu.vue
index 3afe0c50d..6a176f83a 100644
--- a/src/components/navigation/NavigationMenu.vue
+++ b/src/components/navigation/NavigationMenu.vue
@@ -6,19 +6,27 @@
                     <p class="menu-label">{{ activeGame.displayName }}</p>
                     <ul class="menu-list">
                         <li>
-                            <a href="#" @click="launchGame(LaunchMode.MODDED)"><i class="fas fa-play-circle icon--margin-right"/>Start modded</a>
+                            <a href="#" @click="launchGame(LaunchMode.MODDED)"><i class="fas fa-play-circle icon--margin-right"/>
+                                {{ t('translations.pages.manager.navigation.gameActions.startModded') }}
+                            </a>
                         </li>
                         <li>
-                            <a href="#" @click="launchGame(LaunchMode.VANILLA)"><i class="far fa-play-circle icon--margin-right"/>Start vanilla</a>
+                            <a href="#" @click="launchGame(LaunchMode.VANILLA)"><i class="far fa-play-circle icon--margin-right"/>
+                                {{ t('translations.pages.manager.navigation.gameActions.startVanilla') }}
+                            </a>
                         </li>
                     </ul>
-                    <p class="menu-label">Mods</p>
+                    <p class="menu-label">
+                        {{ t('translations.pages.manager.navigation.modsActions.label') }}
+                    </p>
                     <div>
                         <ul class="menu-list">
                             <li>
                                 <router-link :to="{name: 'manager.installed'}" class="tagged-link">
                                     <i class="fas fa-folder tagged-link__icon icon--margin-right" />
-                                    <span class="tagged-link__content">Installed</span>
+                                    <span class="tagged-link__content">
+                                        {{ t('translations.pages.manager.navigation.modsActions.installed') }}
+                                    </span>
                                     <span :class="getTagLinkClasses(['manager.installed', 'manager'])">{{localModCount}}</span>
                                 </router-link>
                             </li>
@@ -26,7 +34,9 @@
                                 <router-link :to="{name: 'manager.online'}"
                                              :class="['tagged-link', {'is-active': $route.name === 'downloads'}]">
                                     <i class="fas fa-globe tagged-link__icon icon--margin-right" />
-                                    <span class="tagged-link__content">Online</span>
+                                    <span class="tagged-link__content">
+                                        {{ t('translations.pages.manager.navigation.modsActions.online') }}
+                                    </span>
 
                                     <router-link :to="{name: 'downloads'}" class="margin-right--half-width">
                                         <i class="tag fas fa-download is-primary" />
@@ -36,24 +46,26 @@
                             </li>
                         </ul>
                     </div>
-                    <p class='menu-label'>Other</p>
+                    <p class='menu-label'>
+                        {{ t('translations.pages.manager.navigation.otherActions.label') }}
+                    </p>
                     <ul class='menu-list'>
                         <li>
                             <router-link :to="{name: 'config-editor'}">
                                 <i class="fas fa-edit icon--margin-right" />
-                                Config editor
+                                {{ t('translations.pages.manager.navigation.otherActions.configEditor') }}
                             </router-link>
                         </li>
                         <li>
                             <router-link :to="{name: 'manager.settings'}">
                                 <i class="fas fa-cog icon--margin-right" />
-                                Settings
+                                {{ t('translations.pages.manager.navigation.otherActions.settings') }}
                             </router-link>
                         </li>
                         <li>
                             <router-link :to="{name: 'help'}">
                                 <i class="fas fa-question-circle icon--margin-right" />
-                                Help
+                                {{ t('translations.pages.manager.navigation.otherActions.help') }}
                             </router-link>
                         </li>
                     </ul>
@@ -61,10 +73,12 @@
                 </div>
                 <div class="menu-bottom">
                     <div id="profile-switcher" @click="openProfileManagementModal">
-                        <img :src="`/images/game_selection/${activeGame.gameImage}`" alt="Game icon"/>
+                        <img :src="`/images/game_selection/${activeGame.gameImage}`" :alt="t('translations.pages.manager.navigation.profileSwitcher.gameIconAltText')"/>
                         <div>
                             <p>{{ profile.getProfileName() }}</p>
-                            <p class="sub-action">Profile</p>
+                            <p class="sub-action">
+                                {{ t('translations.pages.manager.navigation.profileSwitcher.label') }}
+                            </p>
                         </div>
                     </div>
                 </div>
@@ -90,9 +104,11 @@ import { ref, computed, onMounted, getCurrentInstance } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import VueRouter, { useRouter } from 'vue-router';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
 const router = useRouter();
+const { t } = useI18n();
 
 const activeGame = computed<Game>(() => store.state.activeGame);
 const profile = computed<Profile>(() => store.getters['profile/activeProfile']);
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
new file mode 100644
index 000000000..9fdfdd7b7
--- /dev/null
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -0,0 +1,27 @@
+export type ManagerMessageFormat = {
+    updateAvailable: {
+        title: string;
+        linkText: string;
+    },
+    navigation: {
+        gameActions: {
+            startModded: string;
+            startVanilla: string;
+        },
+        modsActions: {
+            label: string;
+            installed: string;
+            online: string;
+        },
+        otherActions: {
+            label: string;
+            configEditor: string;
+            settings: string;
+            help: string;
+        },
+        profileSwitcher: {
+            label: string;
+            gameIconAltText: string;
+        }
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 6ebeabc46..4b9feb294 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -6,6 +6,7 @@ import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
+import { ManagerTranslation } from './pages/ManagerTranslation';
 
 const message: MessageFormat = {
     metadata: {
@@ -16,7 +17,8 @@ const message: MessageFormat = {
         pages: {
             gameSelection: GameSelectionTranslation,
             splash: SplashTranslation,
-            profileSelection: ProfileSelectionTranslation
+            profileSelection: ProfileSelectionTranslation,
+            manager: ManagerTranslation,
         },
         platforms: PlatformTranslation
     }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
new file mode 100644
index 000000000..11ab74452
--- /dev/null
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -0,0 +1,29 @@
+import { ManagerMessageFormat } from '../../base/pages/ManagerMessageFormat';
+
+export const ManagerTranslation: ManagerMessageFormat = {
+    updateAvailable: {
+        title: 'An update is available.',
+        linkText: 'Click here to go to the release page.',
+    },
+    navigation: {
+        gameActions: {
+            startModded: 'Start modded',
+            startVanilla: 'Start vanilla'
+        },
+        modsActions: {
+            label: 'Mods',
+            installed: 'Installed',
+            online: 'Online'
+        },
+        otherActions: {
+            label: 'Other',
+            configEditor: 'Config editor',
+            settings: 'Settings',
+            help: 'Help',
+        },
+        profileSwitcher: {
+            label: 'Profile',
+            gameIconAltText: 'Game image'
+        }
+    }
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 3a5faa023..e701d03c8 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -4,6 +4,7 @@ import { PlatformMessageFormat } from './base/platforms/PlatformMessageFormat';
 import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFormat';
 import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
 import { ProfileSelectionMessageFormat } from './base/pages/ProfileSelectionMessageFormat';
+import { ManagerMessageFormat } from './base/pages/ManagerMessageFormat';
 
 export default {
     'en': langEn,
@@ -23,6 +24,7 @@ export type MessageFormat = {
             gameSelection: GameSelectionMessageFormat,
             splash: SplashMessageFormat,
             profileSelection: ProfileSelectionMessageFormat,
+            manager: ManagerMessageFormat,
         },
         platforms: PlatformMessageFormat;
     }

From a0fda7e5da64a8b0fd576a2524acf3e232cc1099 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 12:39:10 +0100
Subject: [PATCH 21/59] Added English i18n support for the empty mod list
 message and update mods banner

---
 src/components/views/InstalledModView.vue   | 15 +++++++----
 src/i18n/base/pages/ManagerMessageFormat.ts | 10 +++++++
 src/i18n/en/pages/ManagerTranslation.ts     | 13 +++++++++
 src/i18n/fr/index.ts                        |  2 ++
 src/i18n/fr/pages/ManagerTranslation.ts     | 29 +++++++++++++++++++++
 5 files changed, 64 insertions(+), 5 deletions(-)
 create mode 100644 src/i18n/fr/pages/ManagerTranslation.ts

diff --git a/src/components/views/InstalledModView.vue b/src/components/views/InstalledModView.vue
index 228371209..55a4b89ef 100644
--- a/src/components/views/InstalledModView.vue
+++ b/src/components/views/InstalledModView.vue
@@ -7,10 +7,11 @@
                         <i class="fas fa-exclamation fa-5x"></i>
                     </div>
                     <br/>
-                    <h3 class="title is-4">Looks like you don't have any mods installed</h3>
+                    <h3 class="title is-4">
+                        {{ t('translations.pages.manager.installed.noModsInstalled.title') }}
+                    </h3>
                     <h4 class="subtitle is-5">
-                        Click the Online tab on the left, or click
-                        <a @click="$router.push({name: 'manager.online'})">here</a>.
+                        {{ t('translations.pages.manager.installed.noModsInstalled.content') }}
                     </h4>
                 </div>
             </div>
@@ -21,8 +22,10 @@
                     <div class="margin-bottom">
                         <div class="notification is-warning margin-right">
                             <span>
-                                You have {{ numberOfModsWithUpdates }} available mod update{{ numberOfModsWithUpdates > 1 ? "s" : ""}}.
-                                Would you like to <a @click="store.commit('openUpdateAllModsModal')">update all</a>?
+                                {{ t('translations.pages.manager.installed.updatableModsBanner.text', numberOfModsWithUpdates, { named: { numberOfModsWithUpdates: numberOfModsWithUpdates } }) }}
+                                <a @click="store.commit('openUpdateAllModsModal')">
+                                    {{ t('translations.pages.manager.installed.updatableModsBanner.updateAction') }}
+                                </a>
                             </span>
                             <a class="float-right cursor-pointer" @click="store.commit('profile/dismissUpdateAll')">
                                 <i class="fas fa-times" />
@@ -42,8 +45,10 @@ import ManifestV2 from '../../model/ManifestV2';
 import LocalModListProvider from '../../providers/components/loaders/LocalModListProvider';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 // const LocalModList = computed(() => LocalModListProvider.provider);
 const LocalModList = defineAsyncComponent(() => LocalModListProvider.provider());
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 9fdfdd7b7..25076f5aa 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -23,5 +23,15 @@ export type ManagerMessageFormat = {
             label: string;
             gameIconAltText: string;
         }
+    },
+    installed: {
+        noModsInstalled: {
+            title: string;
+            content: string;
+        },
+        updatableModsBanner: {
+            text: string;
+            updateAction: string;
+        },
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 11ab74452..332b0d608 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -25,5 +25,18 @@ export const ManagerTranslation: ManagerMessageFormat = {
             label: 'Profile',
             gameIconAltText: 'Game image'
         }
+    },
+    installed: {
+        noModsInstalled: {
+            title: 'Looks like you don\'t have any mods installed',
+            content: 'You can click the Online tab on the left to browse all available mods.',
+        },
+        updatableModsBanner: {
+            text: `
+            You have {numberOfModsWithUpdates} mod with an update available. |
+            You have {numberOfModsWithUpdates} mods with updates available
+            .`,
+            updateAction: 'Update all?'
+        },
     }
 }
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index b9b6f1af8..762235033 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -2,6 +2,7 @@ import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
+import {ManagerTranslation} from './pages/ManagerTranslation';
 
 const message = {
     metadata: {
@@ -13,6 +14,7 @@ const message = {
             gameSelection: GameSelectionTranslation,
             splash: SplashTranslation,
             profileSelection: ProfileSelectionTranslation,
+            manager: ManagerTranslation,
         },
         platforms: PlatformTranslation
     }
diff --git a/src/i18n/fr/pages/ManagerTranslation.ts b/src/i18n/fr/pages/ManagerTranslation.ts
new file mode 100644
index 000000000..686a1ec2b
--- /dev/null
+++ b/src/i18n/fr/pages/ManagerTranslation.ts
@@ -0,0 +1,29 @@
+import { ManagerMessageFormat } from '../../base/pages/ManagerMessageFormat';
+
+export const ManagerTranslation: ManagerMessageFormat = {
+    updateAvailable: {
+        title: 'Une mise à jour est disponible.',
+        linkText: 'Cliquez ici pour accéder à la page de la version.',
+    },
+    navigation: {
+        gameActions: {
+            startModded: 'Démarrer moddé',
+            startVanilla: 'Démarrer de base'
+        },
+        modsActions: {
+            label: 'Mods',
+            installed: 'Installés',
+            online: 'En ligne'
+        },
+        otherActions: {
+            label: 'Autres',
+            configEditor: 'Éditeur de config',
+            settings: 'Paramètres',
+            help: 'Aide',
+        },
+        profileSwitcher: {
+            label: 'Profil',
+            gameIconAltText: 'Image du jeu'
+        },
+    },
+}

From c5b194db4f454f5d61c765b19ffdce02bc9cb4f7 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 14:19:36 +0100
Subject: [PATCH 22/59] Added i18n support for the SearchAndSort component

---
 .../views/LocalModList/SearchAndSort.vue      | 23 ++++++++----
 src/i18n/base/pages/ManagerMessageFormat.ts   | 33 +++++++++++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 36 +++++++++++++++++--
 3 files changed, 83 insertions(+), 9 deletions(-)

diff --git a/src/components/views/LocalModList/SearchAndSort.vue b/src/components/views/LocalModList/SearchAndSort.vue
index 6f288f7f6..109b94a11 100644
--- a/src/components/views/LocalModList/SearchAndSort.vue
+++ b/src/components/views/LocalModList/SearchAndSort.vue
@@ -6,8 +6,11 @@ import { getStore } from '../../../providers/generic/store/StoreProvider';
 import { State } from '../../../store';
 import { computed } from 'vue';
 import DeferredInput from '../../DeferredInput.vue';
+import { useI18n } from 'vue-i18n';
+import EnumResolver from '../../../model/enums/_EnumResolver';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const order = computed({
     get() {
@@ -56,26 +59,30 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
             <div class="no-padding-left card-header-title">
 
                 <div class="input-group input-group--flex margin-right">
-                    <label for="installed-search" class="non-selectable">Search</label>
+                    <label for="installed-search" class="non-selectable">
+                        {{ t('translations.pages.manager.installed.searchAndSort.search.label') }}
+                    </label>
                     <DeferredInput
                         :modelValue="search"
                         @update:modelValue="$event => (search = $event)"
                         id="installed-search"
                         class="input margin-right"
                         type="text"
-                        placeholder="Search for an installed mod"
+                        :placeholder="t('translations.pages.manager.installed.searchAndSort.search.placeholder')"
                         autocomplete="off"
                     />
                 </div>
 
                 <div class="input-group margin-right">
-                    <label for="local-sort-order" class="non-selectable">Sort</label>
+                    <label for="local-sort-order" class="non-selectable">
+                        {{ t('translations.pages.manager.installed.searchAndSort.sort.label') }}
+                    </label>
                     <select
                         v-model="order"
                         id="local-sort-order"
                         class="select select--content-spacing margin-right margin-right--half-width">
                         <option v-for="(option) in orderOptions" :key="`order-option-${option}`">
-                            {{option}}
+                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.order.options.${EnumResolver.from(SortNaming, option)}`) }}
                         </option>
                     </select>
                     <select
@@ -83,19 +90,21 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         id="local-sort-direction"
                         class="select select--content-spacing">
                         <option v-for="(option) in directionOptions" :key="`direction-option-${option}`">
-                            {{option}}
+                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.directions.options.${EnumResolver.from(SortDirection, option)}`) }}
                         </option>
                     </select>
                 </div>
 
                 <div class="input-group">
-                    <label for="local-deprecated-position" class="non-selectable">Disabled</label>
+                    <label for="local-deprecated-position" class="non-selectable">
+                        {{ t('translations.pages.manager.installed.searchAndSort.sort.disabledPositions.label') }}
+                    </label>
                     <select
                         v-model="disabledPosition"
                         id="local-deprecated-position"
                         class="select select--content-spacing">
                         <option v-for="(option) in disabledOptions" :key="`disabled-option-${option}`">
-                            {{option}}
+                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.disabledPositions.options.${EnumResolver.from(SortLocalDisabledMods, option)}`) }}
                         </option>
                     </select>
                 </div>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 25076f5aa..02e5cd36c 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -33,5 +33,38 @@ export type ManagerMessageFormat = {
             text: string;
             updateAction: string;
         },
+        searchAndSort: {
+            search: {
+                label: string;
+                placeholder: string;
+            },
+            sort: {
+                label: string;
+                order: {
+                    options: {
+                        CUSTOM: string;
+                        MOD_NAME: string;
+                        AUTHOR: string;
+                        INSTALL_DATE: string;
+                    }
+                },
+                directions: {
+                    options: {
+                        STANDARD: string;
+                        REVERSE: string;
+                    }
+                },
+                disabledPositions: {
+                    label: string;
+                    options: {
+                        NONE: string;
+                        CUSTOM: string;
+                        FIRST: string;
+                        LAST: string;
+                    }
+                },
+
+            }
+        }
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 332b0d608..8c0d7092c 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -34,9 +34,41 @@ export const ManagerTranslation: ManagerMessageFormat = {
         updatableModsBanner: {
             text: `
             You have {numberOfModsWithUpdates} mod with an update available. |
-            You have {numberOfModsWithUpdates} mods with updates available
-            .`,
+            You have {numberOfModsWithUpdates} mods with updates available.
+            `,
             updateAction: 'Update all?'
         },
+        searchAndSort: {
+            search: {
+                label: 'Search',
+                placeholder: 'Search for an installed mod',
+            },
+            sort: {
+                label: 'Sort',
+                order: {
+                    options: {
+                        CUSTOM: 'Custom',
+                        MOD_NAME: 'Mod name',
+                        AUTHOR: 'Author name',
+                        INSTALL_DATE: 'Install date'
+                    }
+                },
+                directions: {
+                    options: {
+                        STANDARD: 'Standard',
+                        REVERSE: 'Reverse'
+                    }
+                },
+                disabledPositions: {
+                    label: 'Disabled',
+                    options: {
+                        NONE: 'None',
+                        CUSTOM: 'Custom',
+                        FIRST: 'First',
+                        LAST: 'Last',
+                    }
+                }
+            }
+        }
     }
 }

From 5b506fe9ce47272813784728de1d4117148ff173 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 15:20:27 +0100
Subject: [PATCH 23/59] WIP: Added Date formatting support. Need to finish
 porting LocalModCard text

---
 src/boot/i18n.ts                              |  3 ++-
 .../views/LocalModList/LocalModCard.vue       | 17 ++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts   | 11 +++++++-
 src/i18n/en/index.ts                          | 14 ++++++++--
 src/i18n/en/pages/ManagerTranslation.ts       | 10 +++++++
 src/i18n/fr/index.ts                          | 13 +++++++++-
 src/i18n/index.ts                             | 26 +++++++++++++++++--
 7 files changed, 79 insertions(+), 15 deletions(-)

diff --git a/src/boot/i18n.ts b/src/boot/i18n.ts
index 20d2fdce6..a99e99487 100644
--- a/src/boot/i18n.ts
+++ b/src/boot/i18n.ts
@@ -1,5 +1,5 @@
 import { createI18n } from 'vue-i18n';
-import messages from '../i18n';
+import messages, { datetimeFormats } from '../i18n';
 import { defineBoot } from '#q-app/wrappers';
 // You'll need to create the src/i18n/index.js/.ts file too
 
@@ -9,6 +9,7 @@ const i18n = createI18n({
     allowComposition: true,
     legacy: false,
     messages,
+    datetimeFormats
 })
 
 // @ts-ignore
diff --git a/src/components/views/LocalModList/LocalModCard.vue b/src/components/views/LocalModList/LocalModCard.vue
index 47cc8f1b8..fe29602b7 100644
--- a/src/components/views/LocalModList/LocalModCard.vue
+++ b/src/components/views/LocalModList/LocalModCard.vue
@@ -12,8 +12,10 @@ import { splitToNameAndVersion } from '../../../utils/DependencyUtils';
 import { computed, ref, watch } from 'vue';
 import { getStore } from '../../../providers/generic/store/StoreProvider';
 import { State } from '../../../store';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t, d, messages, locale } = useI18n();
 
 type LocalModCardProps = {
     mod: ManifestV2;
@@ -194,21 +196,18 @@ function dependencyStringToModName(x: string) {
                 <span v-if="isDeprecated"
                     class="tag is-danger margin-right margin-right--half-width"
                     v-tooltip.right="'This mod is deprecated and could be broken'">
-                    Deprecated
+                    {{ t('translations.pages.manager.installed.localModCard.labels.deprecated') }}
                 </span>
                 <span v-if="!mod.isEnabled()"
                     class="tag is-warning margin-right margin-right--half-width"
                     v-tooltip.right="'This mod will not be used in-game'">
-                    Disabled
+                    {{ t('translations.pages.manager.installed.localModCard.labels.disabled') }}
                 </span>
                 <span class="card-title selectable">
                     <component :is="mod.isEnabled() ? 'span' : 'strike'" class="selectable">
-                        {{mod.getDisplayName()}}
+                        {{ mod.getDisplayName() }}
                         <span class="selectable card-byline">
-                            v{{mod.getVersionNumber()}}
-                        </span>
-                        <span :class="`card-byline ${mod.isEnabled() && 'selectable'}`">
-                            by {{mod.getAuthorName()}}
+                            {{ t('translations.pages.manager.installed.localModCard.display.byline', { version: mod.getVersionNumber(), author: mod.getAuthorName() }) }}
                         </span>
                     </component>
                 </span>
@@ -216,7 +215,9 @@ function dependencyStringToModName(x: string) {
         </template>
 
         <template v-slot:description>
-            <p class='card-timestamp' v-if="mod.getInstalledAtTime() !== 0"><strong>Installed on:</strong> {{ getReadableDate(mod.getInstalledAtTime()) }}</p>
+            <p class='card-timestamp' v-if="mod.getInstalledAtTime() !== 0">
+                {{ t('translations.pages.manager.installed.localModCard.display.installedAt', { formattedDate: d(mod.getInstalledAtTime(), 'long', messages[locale].metadata.locale)}) }}
+            </p>
         </template>
 
         <!-- Show icon button row even when card is collapsed -->
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 02e5cd36c..41aaecf18 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -63,7 +63,16 @@ export type ManagerMessageFormat = {
                         LAST: string;
                     }
                 },
-
+            }
+        },
+        localModCard: {
+            labels: {
+                deprecated: string;
+                disabled: string;
+            },
+            display: {
+                byline: string;
+                installedAt: string;
             }
         }
     }
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 4b9feb294..f73552144 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -1,7 +1,7 @@
 // This is just an example,
 // so you can safely delete all default props below
 
-import { MessageFormat } from '../index';
+import { DateTimeFormat, MessageFormat } from '../index';
 import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
@@ -11,7 +11,7 @@ import { ManagerTranslation } from './pages/ManagerTranslation';
 const message: MessageFormat = {
     metadata: {
         name: 'English',
-        locale: 'en'
+        locale: 'en-US'
     },
     translations: {
         pages: {
@@ -24,5 +24,15 @@ const message: MessageFormat = {
     }
 };
 
+export const dateTimeFormat: DateTimeFormat = {
+    short: {
+        year: 'numeric', month: 'short', day: 'numeric'
+    },
+    long: {
+        year: 'numeric', month: 'long', day: 'numeric',
+        weekday: 'short', hour: 'numeric', minute: 'numeric'
+    },
+}
+
 // Exported separately to enforce validation on exported type
 export default message;
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 8c0d7092c..4ac172ed5 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -69,6 +69,16 @@ export const ManagerTranslation: ManagerMessageFormat = {
                     }
                 }
             }
+        },
+        localModCard: {
+            labels: {
+                deprecated: 'Deprecated',
+                disabled: 'Disabled'
+            },
+            display: {
+                byline: 'v{version} by {author}',
+                installedAt: 'Installed on: {formattedDate}'
+            }
         }
     }
 }
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 762235033..2e9858731 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -3,11 +3,12 @@ import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import {ManagerTranslation} from './pages/ManagerTranslation';
+import { DateTimeFormat } from 'src/i18n';
 
 const message = {
     metadata: {
         name: 'French',
-        locale: 'fr'
+        locale: 'fr-FR'
     },
     translations: {
         pages: {
@@ -20,5 +21,15 @@ const message = {
     }
 };
 
+export const dateTimeFormat: DateTimeFormat = {
+    short: {
+        year: 'numeric', month: 'short', day: 'numeric'
+    },
+    long: {
+        year: 'numeric', month: 'long', day: 'numeric',
+        weekday: 'short', hour: 'numeric', minute: 'numeric'
+    },
+}
+
 // Exported separately to enforce validation on exported type
 export default message;
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index e701d03c8..27b6383df 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -1,5 +1,5 @@
-import langEn from './en';
-import langFr from './fr';
+import langEn, { dateTimeFormat as enDateTimeFormat } from './en';
+import langFr, { dateTimeFormat as frDateTimeFormat } from './fr';
 import { PlatformMessageFormat } from './base/platforms/PlatformMessageFormat';
 import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFormat';
 import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
@@ -11,6 +11,11 @@ export default {
     'fr': langFr,
 };
 
+export const datetimeFormats = {
+    [langEn.metadata.locale]: enDateTimeFormat,
+    [langFr.metadata.locale]: frDateTimeFormat,
+};
+
 // TODO - Use for language selection screens
 export type MessageMetadata = {
     name: string;
@@ -29,3 +34,20 @@ export type MessageFormat = {
         platforms: PlatformMessageFormat;
     }
 }
+
+export type DateTimeFormat = {
+    short: {
+        year: string;
+        month: string;
+        day: string;
+    },
+    long: {
+        year: string;
+        month: string;
+        day: string;
+        weekday: string;
+        hour: string;
+        minute: string;
+        hour12?: string; // If unspecified then is OS locale dependent
+    }
+}

From 592dc3ee3ab249514c2e86784983cd241243c0d3 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 16:01:20 +0100
Subject: [PATCH 24/59] Ported LocalModCard and DonateButton to use i18n

---
 src/components/buttons/DonateButton.vue       |  4 +--
 .../views/LocalModList/LocalModCard.vue       | 29 +++++++++++--------
 src/i18n/base/pages/ManagerMessageFormat.ts   | 18 ++++++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 20 ++++++++++++-
 4 files changed, 56 insertions(+), 15 deletions(-)

diff --git a/src/components/buttons/DonateButton.vue b/src/components/buttons/DonateButton.vue
index d1e141912..cabd835f7 100644
--- a/src/components/buttons/DonateButton.vue
+++ b/src/components/buttons/DonateButton.vue
@@ -2,9 +2,9 @@
     <ExternalLink v-if="mod && mod.getDonationLink()"
           :url="mod.getDonationLink()"
           class="card-footer-item"
-          v-tooltip.left="{content: 'Donate to the mod author', distance: 0}">
+          v-tooltip.left="{content: t('translations.pages.manager.installed.localModCard.tooltips.donate'), distance: 0}">
         <i class='fas fa-heart margin-right margin-right--half-width'></i>
-        Donate
+        {{ t('translations.pages.manager.installed.localModCard.actions.donate') }}
     </ExternalLink>
 </template>
 
diff --git a/src/components/views/LocalModList/LocalModCard.vue b/src/components/views/LocalModList/LocalModCard.vue
index fe29602b7..07765f897 100644
--- a/src/components/views/LocalModList/LocalModCard.vue
+++ b/src/components/views/LocalModList/LocalModCard.vue
@@ -226,11 +226,12 @@ function dependencyStringToModName(x: string) {
             <span v-if="!isLatestVersion"
                 @click.prevent.stop="updateMod()"
                 class='card-header-icon'>
-                <i class='fas fa-cloud-upload-alt' v-tooltip.left="'An update is available'"></i>
+                <i class='fas fa-cloud-upload-alt'
+                   v-tooltip.left="t('translations.pages.manager.installed.localModCard.tooltips.updateAvailable')"></i>
             </span>
             <span v-if="disabledDependencies.length || missingDependencies.length"
                 class='card-header-icon'>
-                <i v-tooltip.left="`There is an issue with the dependencies for this mod`"
+                <i v-tooltip.left="t('translations.pages.manager.installed.localModCard.tooltips.dependencyIssue')"
                     class='fas fa-exclamation-circle'
                 ></i>
             </span>
@@ -242,47 +243,51 @@ function dependencyStringToModName(x: string) {
                         type="checkbox"
                         :class="['switch', 'is-small', {'switch is-info' : mod.isEnabled()}]"
                         :checked="mod.isEnabled()" />
-                    <label :for="`switch-${mod.getName()}`"
-                        v-tooltip.left="mod.isEnabled() ? 'Disable' : 'Enable'"></label>
+                    <label v-if="mod.isEnabled()"
+                           :for="`switch-${mod.getName()}`"
+                           v-tooltip.left="t('translations.pages.manager.installed.localModCard.tooltips.disable')"></label>
+                    <label v-else
+                           :for="`switch-${mod.getName()}`"
+                           v-tooltip.left="t('translations.pages.manager.installed.localModCard.tooltips.enable')"></label>
                 </div>
             </span>
         </template>
 
         <!-- Show bottom button row -->
         <a @click="uninstallMod()" class='card-footer-item'>
-            Uninstall
+            {{ t('translations.pages.manager.installed.localModCard.actions.uninstall') }}
         </a>
 
         <a v-if="canBeDisabled && mod.isEnabled()" @click="disableMod()" class='card-footer-item'>
-            Disable
+            {{ t('translations.pages.manager.installed.localModCard.actions.disable') }}
         </a>
         <a v-else-if="canBeDisabled && !mod.isEnabled()" @click="enableMod(mod)" class='card-footer-item' >
-            Enable
+            {{ t('translations.pages.manager.installed.localModCard.actions.enable') }}
         </a>
 
         <a @click="viewAssociatedMods()" class='card-footer-item'>
-            Associated
+            {{ t('translations.pages.manager.installed.localModCard.actions.associated') }}
         </a>
 
         <ExternalLink :url="mod.getWebsiteUrl()" class="card-footer-item">
-            Website
+            {{ t('translations.pages.manager.installed.localModCard.actions.openWebsite') }}
             <i class="fas fa-external-link-alt margin-left margin-left--half-width"></i>
         </ExternalLink>
 
         <a v-if="!isLatestVersion" @click="updateMod()" class='card-footer-item'>
-            Update
+            {{ t('translations.pages.manager.installed.localModCard.actions.update') }}
         </a>
 
         <a v-if="missingDependencies.length"
             @click="downloadDependency(missingDependencies[0])"
             class='card-footer-item'>
-            Download dependency
+            {{ t('translations.pages.manager.installed.localModCard.actions.downloadDependency') }}
         </a>
 
         <a v-if="disabledDependencies.length"
             @click="enableMod(disabledDependencies[0])"
             class='card-footer-item'>
-            Enable {{disabledDependencies[0].getDisplayName()}}
+            {{ t('translations.pages.manager.installed.localModCard.actions.enableSpecific', { dependencyName: disabledDependencies[0].getDisplayName() }) }}
         </a>
 
         <DonateButton :mod="tsMod"/>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 41aaecf18..301a4feda 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -73,6 +73,24 @@ export type ManagerMessageFormat = {
             display: {
                 byline: string;
                 installedAt: string;
+            },
+            tooltips: {
+                updateAvailable: string;
+                dependencyIssue: string;
+                disable: string;
+                enable: string;
+                donate: string;
+            },
+            actions: {
+                uninstall: string;
+                disable: string;
+                enable: string;
+                associated: string;
+                openWebsite: string;
+                update: string;
+                downloadDependency: string;
+                enableSpecific: string
+                donate: string;
             }
         }
     }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 4ac172ed5..2eb597250 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -77,7 +77,25 @@ export const ManagerTranslation: ManagerMessageFormat = {
             },
             display: {
                 byline: 'v{version} by {author}',
-                installedAt: 'Installed on: {formattedDate}'
+                installedAt: 'Installed on: {formattedDate}',
+            },
+            tooltips: {
+                updateAvailable: 'An update is available',
+                dependencyIssue: 'There is an issue with the dependencies for this mod',
+                disable: 'Disable',
+                enable: 'Enable',
+                donate: 'Donate to the mod author',
+            },
+            actions: {
+                uninstall: 'Uninstall',
+                disable: 'Disable',
+                enable: 'Enable',
+                associated: 'Associated',
+                openWebsite: 'Website',
+                update: 'Update',
+                downloadDependency: 'Download dependency',
+                enableSpecific: 'Enable {dependencyName}',
+                donate: 'Donate',
             }
         }
     }

From cbe4208f61f889ee1ab2f3cf34c064d570c0d3ce Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 18:43:49 +0100
Subject: [PATCH 25/59] Added ExpandableCard translation

---
 src/components/ExpandableCard.vue           | 12 +++++++-----
 src/i18n/base/pages/ManagerMessageFormat.ts |  9 +++++++++
 src/i18n/en/pages/ManagerTranslation.ts     |  9 +++++++++
 3 files changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/components/ExpandableCard.vue b/src/components/ExpandableCard.vue
index ace83e270..379904c18 100644
--- a/src/components/ExpandableCard.vue
+++ b/src/components/ExpandableCard.vue
@@ -6,20 +6,20 @@
                     <header class='card-header is-shadowless' :id='id'>
                         <div class='card-header-icon mod-logo' v-if="image !== ''">
                             <figure class='image is-48x48 image-parent'>
-                                <img :src='image' alt='Mod Logo' class='image-overlap'/>
-                                <img v-if="store.state.profile.funkyMode" src='../assets/funky_mode.png' alt='Mod Logo' class='image-overlap'/>
+                                <img :src='image' :alt="t('translations.pages.manager.installed.expandableCard.imageAltText')" class='image-overlap'/>
+                                <img v-if="store.state.profile.funkyMode" src='../assets/funky_mode.png' :alt="t('translations.pages.manager.installed.expandableCard.funkyModeAltText')" class='image-overlap'/>
                             </figure>
                         </div>
                         <span ref="title" class='card-header-title'><slot name='title'></slot></span>
                         <slot name='other-icons'></slot>
                         <!-- Allow movement of mod order -->
                         <a v-if='showSort' class='card-header-icon handle'>
-                            <i class="fas fa-grip-vertical" v-tooltip.left="'Drag to reorder'"></i>
+                            <i class="fas fa-grip-vertical" :v-tooltip.left="t('translations.pages.manager.installed.expandableCard.tooltips.dragToReorder')"></i>
                         </a>
                         <a class='card-header-icon'>
                             <span class='icon'>
-                                <i class='fas fa-angle-right' aria-hidden='true' v-if='!visible' v-tooltip.left="'Expand'"></i>
-                                <i class='fas fa-angle-down' aria-hidden='true' v-if='visible' v-tooltip.left="'Collapse'"></i>
+                                <i class='fas fa-angle-right' aria-hidden='true' v-if='!visible' v-tooltip.left="t('translations.pages.manager.installed.expandableCard.tooltips.expand')"></i>
+                                <i class='fas fa-angle-down' aria-hidden='true' v-if='visible' v-tooltip.left="t('translations.pages.manager.installed.expandableCard.tooltips.collapse')"></i>
                             </span>
                         </a>
                     </header>
@@ -43,8 +43,10 @@
 import { computed, onMounted, ref, watchEffect } from 'vue';
 import { getStore } from '../providers/generic/store/StoreProvider';
 import { State } from '../store';
+import { useI18n } from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 type ExpandableCardProps = {
     image?: string;
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 301a4feda..5840b86fe 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -92,6 +92,15 @@ export type ManagerMessageFormat = {
                 enableSpecific: string
                 donate: string;
             }
+        },
+        expandableCard: {
+            imageAltText: string;
+            funkyModeAltText: string;
+            tooltips: {
+                dragToReorder: string;
+                expand: string;
+                collapse: string;
+            }
         }
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 2eb597250..97de43600 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -97,6 +97,15 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 enableSpecific: 'Enable {dependencyName}',
                 donate: 'Donate',
             }
+        },
+        expandableCard: {
+            imageAltText: 'Mod image',
+            funkyModeAltText: 'Funky mode overlay',
+            tooltips: {
+                dragToReorder: 'Drag to reorder',
+                expand: 'Expand',
+                collapse: 'Collapse',
+            }
         }
     }
 }

From 7c29ceec061863d1a830623f3433224dcf1687d0 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 19:19:26 +0100
Subject: [PATCH 26/59] Used translation in application update banner. Fixed
 visual regression.

---
 src/pages/Manager.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index deb55f317..2d2d496f9 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -3,9 +3,9 @@
 		<div class='notification is-warning' v-if="portableUpdateAvailable">
 			<div class='container'>
 				<p>
-					An update is available.
+					{{ t('translations.pages.manager.updateAvailable.title') }}
 					<ExternalLink :url="`https://github.com/ebkr/r2modmanPlus/releases/tag/${updateTagName}`">
-                        Click here to go to the release page.
+                        {{ t('translations.pages.manager.updateAvailable.linkText') }}
 					</ExternalLink>
 				</p>
 			</div>
@@ -168,8 +168,10 @@ import VueRouter from 'vue-router';
 import path from '../providers/node/path/path';
 import LaunchTypeModal from "../components/modals/launch-type/LaunchTypeModal.vue";
 import appWindow from '../providers/node/app/app_window';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 let router!: VueRouter;
 
 const portableUpdateAvailable = ref<boolean>(false);
@@ -557,6 +559,7 @@ onMounted(async () => {
     display: flex;
     flex: 1;
     width: 100%;
+    flex-direction: column;
 }
 
 .router-view {

From 0b575a95a8db4f73ccc4392df6d6bb800ae6532b Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 7 Aug 2025 19:24:17 +0100
Subject: [PATCH 27/59] Reverted visual regression change as it breaks
 scrolling

---
 src/pages/Manager.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index 2d2d496f9..37f89bd21 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -559,7 +559,6 @@ onMounted(async () => {
     display: flex;
     flex: 1;
     width: 100%;
-    flex-direction: column;
 }
 
 .router-view {

From 8cd24114d034e1be8b3c767bb5f6d00130fa5224 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 8 Aug 2025 10:22:01 +0100
Subject: [PATCH 28/59] Added i18n support for loose modals in Manager.vue

---
 src/i18n/base/pages/ManagerMessageFormat.ts | 34 ++++++++++
 src/i18n/en/pages/ManagerTranslation.ts     | 46 +++++++++++++
 src/pages/Manager.vue                       | 74 +++++++++++++--------
 3 files changed, 128 insertions(+), 26 deletions(-)

diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 5840b86fe..f31431313 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -101,6 +101,40 @@ export type ManagerMessageFormat = {
                 expand: string;
                 collapse: string;
             }
+        },
+    },
+    modals: {
+        failedToSetSteamFolder: {
+            title: string;
+            steamExecutableNotSelected: string;
+            solution: string;
+        },
+        failedToSetTheGameFolder: {
+            title: string;
+            listedExecutableNames: string;
+            solution: string;
+        },
+        clearingGameDirectory: {
+            title: string;
+            waitToLaunchGame: string;
+            steamWillBeStarted: string;
+            checkSteamForProgress: string;
+            confirmation: string;
+        },
+        dependencyStrings: {
+            title: string;
+            dependency: string;
+            close: string;
+        },
+        launchArguments: {
+            title: string;
+            someProvidedByDefault: string;
+            moddedLabel: string;
+            availableAfterInstallingLoader: string;
+            vanillaLabel: string;
+            pleaseNote: string;
+            placeholder: string;
+            updateArguments: string;
         }
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 97de43600..7a0c13a19 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -106,6 +106,52 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 expand: 'Expand',
                 collapse: 'Collapse',
             }
+        },
+    },
+    modals: {
+        failedToSetSteamFolder: {
+            title: 'Failed to set the Steam folder',
+            steamExecutableNotSelected: 'The steam executable was not selected.',
+            solution: 'If this error has appeared but the executable is correct, please run as administrator.'
+        },
+        failedToSetTheGameFolder: {
+            title: 'Failed to set the {gameName} folder',
+            listedExecutableNames: 'The executable must be either of the following: "{options}".',
+            solution: 'If this error has appeared but the executable is correct, please run as administrator.'
+        },
+        clearingGameDirectory: {
+            title: 'Clearing the {gameName} installation directory',
+            waitToLaunchGame: `
+                You will not not be able to launch the game until
+                Steam has verified the integrity of the game files.
+                `,
+            steamWillBeStarted: `
+                Steam will be started and will attempt to verify the
+                integrity of {{ activeGame.displayName }}.
+                `,
+            checkSteamForProgress: `
+                Please check the Steam window for validation progress.
+                If the window has not yet appeared, please be patient.
+                `,
+            confirmation: 'I understand'
+        },
+        dependencyStrings: {
+            title: 'Dependency string list',
+            dependency: '{modName}-{versionNumber}',
+            close: 'Close'
+        },
+        launchArguments: {
+            title: 'Set custom launch arguments',
+            someProvidedByDefault: 'Some arguments are provided by default:',
+            moddedLabel: 'Modded:',
+            availableAfterInstallingLoader: 'These arguments will be available after installing a mod loader.',
+            vanillaLabel: 'Vanilla:',
+            pleaseNote: `
+                Please note that these are called against the Steam executable.
+                Be careful when entering custom launch arguments.
+                `,
+            placeholder: 'Enter arguments',
+            updateArguments: 'Update launch arguments',
         }
     }
 }
diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index 37f89bd21..61b13d3f5 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -14,9 +14,15 @@
 			<div class="modal-background" @click="showSteamIncorrectDirectoryModal = false"></div>
 			<div class='modal-content'>
 				<div class='notification is-danger'>
-					<h3 class='title'>Failed to set the Steam folder</h3>
-					<p>The steam executable was not selected.</p>
-					<p>If this error has appeared but the executable is correct, please run as administrator.</p>
+					<h3 class='title'>
+                        {{ t('translations.pages.manager.modals.failedToSetSteamFolder.title') }}
+                    </h3>
+					<p>
+                        {{ t('translations.pages.manager.modals.failedToSetSteamFolder.steamExecutableNotSelected') }}
+                    </p>
+					<p>
+                        {{ t('translations.pages.manager.modals.failedToSetSteamFolder.solution') }}
+                    </p>
 				</div>
 			</div>
 			<button class="modal-close is-large" aria-label="close"
@@ -26,9 +32,15 @@
 			<div class="modal-background" @click="showRor2IncorrectDirectoryModal = false"></div>
 			<div class='modal-content'>
 				<div class='notification is-danger'>
-					<h3 class='title'>Failed to set the {{ activeGame.displayName }} folder</h3>
-					<p>The executable must be either of the following: "{{ activeGame.exeName.join('", "') }}".</p>
-					<p>If this error has appeared but the executable is correct, please run as administrator.</p>
+					<h3 class='title'>
+                        {{ t('translations.pages.manager.modals.failedToSetTheGameFolder.title', { gameName: activeGame.displayName }) }}
+                    </h3>
+					<p>
+                        {{ t('translations.pages.manager.modals.failedToSetTheGameFolder.listedExecutableNames', { options: activeGame.exeName.join('", "') }) }}
+                    </p>
+					<p>
+                        {{ t('translations.pages.manager.modals.failedToSetSteamFolder.solution') }}
+                    </p>
 				</div>
 			</div>
 			<button class="modal-close is-large" aria-label="close"
@@ -36,65 +48,74 @@
 		</div>
 		<ModalCard id="steam-installation-validation-modal" :is-active="isValidatingSteamInstallation" @close-modal="closeSteamInstallationValidationModal" :can-close="true">
 			<template v-slot:header>
-				<h2 class='modal-title'>Clearing the {{activeGame.displayName}} installation directory</h2>
+				<h2 class='modal-title'>
+                    {{ t('translations.pages.manager.modals.clearingGameDirectory.title', { gameName: activeGame.displayName }) }}
+                </h2>
 			</template>
 			<template v-slot:body>
 				<div class='notification is-warning'>
 					<p>
-						You will not not be able to launch the game until
-						Steam has verified the integrity of the game files.
+						{{ t('translations.pages.manager.modals.clearingGameDirectory.waitToLaunchGame') }}
 					</p>
 				</div>
 				<p>
-					Steam will be started and will attempt to verify the
-					integrity of {{ activeGame.displayName }}.
+					{{ t('translations.pages.manager.modals.clearingGameDirectory.steamWillBeStarted', { gameName: activeGame.displayName }) }}
 				</p>
 				<br/>
 				<p>
-					Please check the Steam window for validation progress.
-					If the window has not yet appeared, please be patient.
+					{{ t('translations.pages.manager.modals.clearingGameDirectory.checkSteamForProgress') }}
 				</p>
 			</template>
 			<template v-slot:footer>
 				<button class="button is-info" @click="closeSteamInstallationValidationModal()">
-					I understand
+                    {{ t('translations.pages.manager.modals.clearingGameDirectory.confirmation') }}
 				</button>
 			</template>
 		</ModalCard>
         <ModalCard id="dependency-strings-modal" :is-active="showDependencyStrings" @close-modal="showDependencyStrings = false;" :can-close="true">
             <template v-slot:header>
-                <h2 class='modal-title'>Dependency string list</h2>
+                <h2 class='modal-title'>
+                    {{ t('translations.pages.manager.modals.dependencyStrings.title') }}
+                </h2>
             </template>
             <template v-slot:body>
                 <ul>
                     <li v-for="(key, index) in localModList" :key="`dep-str-${index}`">
-                        {{key.getName()}}-{{key.getVersionNumber().toString()}}
+                        {{ t('translations.pages.manager.modals.dependencyStrings.dependency', { modName: key.getName(), versionNumber: key.getVersionNumber().toString() }) }}
                     </li>
                 </ul>
             </template>
             <template v-slot:footer>
                 <button class="button is-info"
                         @click="showDependencyStrings = false;">
-                    Close
+                    {{ t('translations.pages.manager.modals.dependencyStrings.close') }}
                 </button>
             </template>
         </ModalCard>
 		<ModalCard id="launch-parameters-modal" :is-active="showLaunchParameterModal" @close-modal="() => {showLaunchParameterModal = false;}" :can-close="true">
 			<template v-slot:header>
-				<h2 class='modal-title'>Set custom launch parameters</h2>
+				<h2 class='modal-title'>
+                    {{ t('translations.pages.manager.modals.launchArguments.title') }}
+                </h2>
 			</template>
 			<template v-slot:body>
-				<p>Some parameters are provided by default:</p>
+				<p>
+                    {{ t('translations.pages.manager.modals.launchArguments.someProvidedByDefault') }}
+                </p>
 				<br/>
-				<p>Modded:
+				<p>
+                    {{ t('translations.pages.manager.modals.launchArguments.moddedLabel') }}
 					<br/>
 					<code v-if="doorstopTarget.length > 0">
 						{{ doorstopTarget }}
 					</code>
-                    <code v-else>These parameters will be available after installing a mod loader.</code>
+                    <code v-else>
+                        {{ t('translations.pages.manager.modals.launchArguments.availableAfterInstallingLoader') }}
+                    </code>
 				</p>
 				<br/>
-				<p>Vanilla:
+				<p>
+                    {{ t('translations.pages.manager.modals.launchArguments.vanillaLabel') }}
 					<br>
 					<code>
 						{{ vanillaLaunchArgs }}
@@ -102,21 +123,22 @@
 				</p>
 				<br/>
 				<p>
-					<strong>Please note that these are called against the Steam executable. Be careful when
-						entering custom launch parameters.</strong>
+					<strong>
+                        {{ t('translations.pages.manager.modals.launchArguments.pleaseNote') }}
+                    </strong>
 				</p>
 				<br/>
 				<input
 					v-model='launchParametersModel'
 					id='launch-parameters-modal-input'
 					class='input'
-					placeholder='Enter parameters'
+					:placeholder="t('translations.pages.manager.modals.launchArguments.placeholder')"
 					autocomplete='off'
 				/>
 			</template>
 			<template v-slot:footer>
 				<button class='button is-info' @click='updateLaunchParameters()'>
-					Update launch parameters
+					{{ t('translations.pages.manager.modals.launchArguments.updateArguments') }}
 				</button>
 			</template>
 		</ModalCard>

From 394f2890c78660f39bc3e299cd99829d574a9310 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 8 Aug 2025 11:26:12 +0100
Subject: [PATCH 29/59] Added i18n support for category filter modal

- Fixed error with using {{ activeGame.displayName }} in translation
---
 src/components/modals/CategoryFilterModal.vue | 25 +++++++++++++------
 .../modals/CategorySelectorModal.vue          |  9 +++++--
 src/i18n/base/pages/ManagerMessageFormat.ts   | 20 +++++++++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 22 +++++++++++++++-
 4 files changed, 66 insertions(+), 10 deletions(-)

diff --git a/src/components/modals/CategoryFilterModal.vue b/src/components/modals/CategoryFilterModal.vue
index 324a38136..f4e2771ff 100644
--- a/src/components/modals/CategoryFilterModal.vue
+++ b/src/components/modals/CategoryFilterModal.vue
@@ -4,8 +4,10 @@ import ModalCard from '../../components/ModalCard.vue';
 import { computed } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t, locale } = useI18n();
 
 const allowNsfw = computed({
     get() {
@@ -75,12 +77,17 @@ const unselectedCategories = computed(() => store.getters["modFilters/unselected
 <template>
     <ModalCard id="mod-category-filter-modal" v-show="isOpen" :is-active="isOpen" :can-close="false">
         <template v-slot:header>
-            <h2 class="modal-title">Filter mod categories</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.manager.online.modals.modFilter.title') }}
+            </h2>
         </template>
         <template v-slot:body>
+            <div class="notification is-warning margin-bottom" v-if="locale !== 'en'">
+                {{ t('translations.pages.manager.online.modals.modFilter.languageDisclaimer') }}
+            </div>
             <div>
                 <CategorySelectorModal
-                    title="Mods must contain at least one of these categories"
+                    :title="t('translations.pages.manager.online.modals.modFilter.selectors.atLeastOneCategory')"
                     :selected-categories="selectedCategoriesCompareOne"
                     :selectable-categories="unselectedCategories"
                     @selected-category="selectCompareOneCategory"
@@ -88,7 +95,7 @@ const unselectedCategories = computed(() => store.getters["modFilters/unselected
                 />
                 <hr/>
                 <CategorySelectorModal
-                    title="Mods must contain all of these categories"
+                    :title="t('translations.pages.manager.online.modals.modFilter.selectors.allCategories')"
                     :selected-categories="selectedCategoriesCompareAll"
                     :selectable-categories="unselectedCategories"
                     @selected-category="selectCompareAllCategory"
@@ -96,7 +103,7 @@ const unselectedCategories = computed(() => store.getters["modFilters/unselected
                 />
                 <hr/>
                 <CategorySelectorModal
-                    title="Mods cannot contain any of these categories"
+                    :title="t('translations.pages.manager.online.modals.modFilter.selectors.noneCategories')"
                     :selected-categories="selectedCategoriesToExclude"
                     :selectable-categories="unselectedCategories"
                     @selected-category="selectToExcludeCategory"
@@ -113,7 +120,9 @@ const unselectedCategories = computed(() => store.getters["modFilters/unselected
                         type="checkbox"
                         :class="[{'is-dark': !isDarkTheme, 'is-white': isDarkTheme}]"
                     >
-                    <label for="nsfwCheckbox">Allow NSFW (potentially explicit) mods</label>
+                    <label for="nsfwCheckbox">
+                        {{ t('translations.pages.manager.online.modals.modFilter.allowNsfw') }}
+                    </label>
                 </div>
                 <div>
                     <input
@@ -123,13 +132,15 @@ const unselectedCategories = computed(() => store.getters["modFilters/unselected
                         type="checkbox"
                         :class="[{'is-dark': !isDarkTheme, 'is-white': isDarkTheme}]"
                     >
-                    <label for="showDeprecatedCheckbox">Show deprecated mods</label>
+                    <label for="showDeprecatedCheckbox">
+                        {{ t('translations.pages.manager.online.modals.modFilter.showDeprecated') }}
+                    </label>
                 </div>
             </div>
         </template>
         <template v-slot:footer>
             <button class="button is-info" @click="close">
-                Apply filters
+                {{ t('translations.pages.manager.online.modals.modFilter.apply') }}
             </button>
         </template>
     </ModalCard>
diff --git a/src/components/modals/CategorySelectorModal.vue b/src/components/modals/CategorySelectorModal.vue
index 2658a5b68..6b3e91e50 100644
--- a/src/components/modals/CategorySelectorModal.vue
+++ b/src/components/modals/CategorySelectorModal.vue
@@ -1,4 +1,7 @@
 <script lang="ts" setup>
+import {useI18n} from "vue-i18n";
+
+const { t } = useI18n();
 
 type CategorySelectorModalProps = {
     title: string;
@@ -27,7 +30,7 @@ function emitDeselected(key: string) {
         <div class="input-group margin-bottom">
             <select class="select select--content-spacing" @change="emitSelected">
                 <option selected disabled>
-                    Select a category
+                    {{ t('translations.pages.manager.modals.categorySelector.selectCategory') }}
                 </option>
                 <option v-for="(key, index) in selectableCategories" :key="`category--${key}-${index}`">
                     {{ key }}
@@ -46,7 +49,9 @@ function emitDeselected(key: string) {
         </div>
         <div class="field has-addons" v-else>
             <span class="tags">
-                <span class="tag">No categories selected</span>
+                <span class="tag">
+                    {{ t('translations.pages.manager.modals.categorySelector.noCategoriesSelected') }}
+                </span>
             </span>
         </div>
     </div>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index f31431313..bbdbb0797 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -135,6 +135,26 @@ export type ManagerMessageFormat = {
             pleaseNote: string;
             placeholder: string;
             updateArguments: string;
+        },
+        categorySelector: {
+            selectCategory: string;
+            noCategoriesSelected: string;
+        }
+    },
+    online: {
+        modals: {
+            modFilter: {
+                title: string;
+                languageDisclaimer: string;
+                selectors: {
+                    atLeastOneCategory: string;
+                    allCategories: string;
+                    noneCategories: string;
+                },
+                allowNsfw: string;
+                showDeprecated: string;
+                apply: string;
+            }
         }
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 7a0c13a19..98349898e 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -127,7 +127,7 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 `,
             steamWillBeStarted: `
                 Steam will be started and will attempt to verify the
-                integrity of {{ activeGame.displayName }}.
+                integrity of {gameName}.
                 `,
             checkSteamForProgress: `
                 Please check the Steam window for validation progress.
@@ -152,6 +152,26 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 `,
             placeholder: 'Enter arguments',
             updateArguments: 'Update launch arguments',
+        },
+        categorySelector: {
+            selectCategory: 'Select a category',
+            noCategoriesSelected: 'No categories selected',
+        }
+    },
+    online: {
+        modals: {
+            modFilter: {
+                title: 'Filter mod categories',
+                languageDisclaimer: 'Categories are provided Thunderstore and are unable to be translated.',
+                selectors: {
+                    atLeastOneCategory: 'Mods must contain at least one of these categories',
+                    allCategories: 'Mods must contain all of these categories',
+                    noneCategories: 'Mods cannot contain any of these categories'
+                },
+                allowNsfw: 'Allow NSFW (potentially explicit) mods',
+                showDeprecated: 'Show deprecated mods',
+                apply: 'Apply filters'
+            }
         }
     }
 }

From 172905a9708260671bc649b911835acbda582e74 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 8 Aug 2025 12:28:46 +0100
Subject: [PATCH 30/59] Added i18n support for sort modal

- Refactored enums into global translation area. Changed existing references.
---
 src/components/modals/SortModal.vue           | 20 +++++++++-----
 .../views/LocalModList/SearchAndSort.vue      |  6 ++---
 src/i18n/base/enums/EnumMessageFormat.ts      | 27 +++++++++++++++++++
 src/i18n/base/pages/ManagerMessageFormat.ts   | 26 +++++-------------
 src/i18n/en/enums/EnumTranslation.ts          | 27 +++++++++++++++++++
 src/i18n/en/index.ts                          |  4 ++-
 src/i18n/en/pages/ManagerTranslation.ts       | 26 +++++-------------
 src/i18n/index.ts                             |  2 ++
 8 files changed, 88 insertions(+), 50 deletions(-)
 create mode 100644 src/i18n/base/enums/EnumMessageFormat.ts
 create mode 100644 src/i18n/en/enums/EnumTranslation.ts

diff --git a/src/components/modals/SortModal.vue b/src/components/modals/SortModal.vue
index ac47b27ac..5398ed816 100644
--- a/src/components/modals/SortModal.vue
+++ b/src/components/modals/SortModal.vue
@@ -5,8 +5,10 @@ import SortingStyle from '../../model/enums/SortingStyle';
 import { computed } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const selectedBehaviour = computed({
     get() {
@@ -37,25 +39,31 @@ const isOpen = computed(() => store.state.modals.isOnlineSortModalOpen)
 <template>
     <ModalCard id="sort-modal" v-show="isOpen" :is-active="isOpen" :can-close="true" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Change the ordering of mods</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.manager.online.modals.sort.title') }}
+            </h2>
         </template>
         <template v-slot:body>
             <div class="input-group">
-                <label>Sort behaviour</label>
+                <label>
+                    {{ t('translations.pages.manager.online.modals.sort.sortBehaviour') }}
+                </label>
                 <div class="input-group margin-bottom">
                     <select class="select select--content-spacing" v-model="selectedBehaviour">
                         <option v-for="(value, key) in SortingStyle" :value="value" :key="`sort-behaviour--${key}`">
-                            {{ value }}
+                            {{ t(`translations.enums.sortingStyle.${key}`) }}
                         </option>
                     </select>
                 </div>
             </div>
             <div class="input-group">
-                <label>Sort direction</label>
+                <label>
+                    {{ t('translations.pages.manager.online.modals.sort.sortDirection') }}
+                </label>
                 <div class="input-group margin-bottom">
                     <select class="select select--content-spacing" v-model="selectedDirection">
                         <option v-for="(value, key) in SortDirection" :value="value" :key="`sort-direction--${key}`">
-                            {{ value }}
+                            {{ t(`translations.enums.sortDirection.${key}`) }}
                         </option>
                     </select>
                 </div>
@@ -63,7 +71,7 @@ const isOpen = computed(() => store.state.modals.isOnlineSortModalOpen)
         </template>
         <template v-slot:footer>
             <button class="button is-info" @click="closeModal">
-                Close
+                {{ t('translations.pages.manager.online.modals.sort.close') }}
             </button>
         </template>
     </ModalCard>
diff --git a/src/components/views/LocalModList/SearchAndSort.vue b/src/components/views/LocalModList/SearchAndSort.vue
index 109b94a11..20de151c2 100644
--- a/src/components/views/LocalModList/SearchAndSort.vue
+++ b/src/components/views/LocalModList/SearchAndSort.vue
@@ -82,7 +82,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         id="local-sort-order"
                         class="select select--content-spacing margin-right margin-right--half-width">
                         <option v-for="(option) in orderOptions" :key="`order-option-${option}`">
-                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.order.options.${EnumResolver.from(SortNaming, option)}`) }}
+                            {{ t(`translations.enums.sortNaming.${EnumResolver.from(SortNaming, option)}`) }}
                         </option>
                     </select>
                     <select
@@ -90,7 +90,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         id="local-sort-direction"
                         class="select select--content-spacing">
                         <option v-for="(option) in directionOptions" :key="`direction-option-${option}`">
-                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.directions.options.${EnumResolver.from(SortDirection, option)}`) }}
+                            {{ t(`translations.enums.sortDirection.${EnumResolver.from(SortDirection, option)}`) }}
                         </option>
                     </select>
                 </div>
@@ -104,7 +104,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         id="local-deprecated-position"
                         class="select select--content-spacing">
                         <option v-for="(option) in disabledOptions" :key="`disabled-option-${option}`">
-                            {{ t(`translations.pages.manager.installed.searchAndSort.sort.disabledPositions.options.${EnumResolver.from(SortLocalDisabledMods, option)}`) }}
+                            {{ t(`translations.enums.sortLocalDisabledMods.${EnumResolver.from(SortLocalDisabledMods, option)}`) }}
                         </option>
                     </select>
                 </div>
diff --git a/src/i18n/base/enums/EnumMessageFormat.ts b/src/i18n/base/enums/EnumMessageFormat.ts
new file mode 100644
index 000000000..8773e0d2b
--- /dev/null
+++ b/src/i18n/base/enums/EnumMessageFormat.ts
@@ -0,0 +1,27 @@
+import {SortLocalDisabledMods} from "src/model/real_enums/sort/SortLocalDisabledMods";
+
+export type EnumMessageFormat = {
+    sortNaming: {
+        CUSTOM: string;
+        MOD_NAME: string;
+        AUTHOR: string;
+        INSTALL_DATE: string;
+    },
+    sortDirection: {
+        STANDARD: string;
+        REVERSE: string;
+    },
+    sortLocalDisabledMods: {
+        NONE: string;
+        CUSTOM: string;
+        FIRST: string;
+        LAST: string;
+    },
+    sortingStyle: {
+        DEFAULT: string;
+        LAST_UPDATED: string;
+        ALPHABETICAL: string;
+        DOWNLOADS: string;
+        RATING: string;
+    }
+}
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index bbdbb0797..59ec40de8 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -40,28 +40,8 @@ export type ManagerMessageFormat = {
             },
             sort: {
                 label: string;
-                order: {
-                    options: {
-                        CUSTOM: string;
-                        MOD_NAME: string;
-                        AUTHOR: string;
-                        INSTALL_DATE: string;
-                    }
-                },
-                directions: {
-                    options: {
-                        STANDARD: string;
-                        REVERSE: string;
-                    }
-                },
                 disabledPositions: {
                     label: string;
-                    options: {
-                        NONE: string;
-                        CUSTOM: string;
-                        FIRST: string;
-                        LAST: string;
-                    }
                 },
             }
         },
@@ -154,6 +134,12 @@ export type ManagerMessageFormat = {
                 allowNsfw: string;
                 showDeprecated: string;
                 apply: string;
+            },
+            sort: {
+                title: string;
+                sortBehaviour: string;
+                sortDirection: string;
+                close: string;
             }
         }
     }
diff --git a/src/i18n/en/enums/EnumTranslation.ts b/src/i18n/en/enums/EnumTranslation.ts
new file mode 100644
index 000000000..607cd44c9
--- /dev/null
+++ b/src/i18n/en/enums/EnumTranslation.ts
@@ -0,0 +1,27 @@
+import {EnumMessageFormat} from "../../base/enums/EnumMessageFormat";
+
+export const EnumTranslation: EnumMessageFormat = {
+    sortNaming: {
+        CUSTOM: 'Custom',
+        MOD_NAME: 'Mod name',
+        AUTHOR: 'Author name',
+        INSTALL_DATE: 'Install date',
+    },
+    sortDirection: {
+        STANDARD: 'Standard',
+        REVERSE: 'Reverse',
+    },
+    sortLocalDisabledMods: {
+        NONE: 'None',
+        CUSTOM: 'Custom',
+        FIRST: 'First',
+        LAST: 'Last',
+    },
+    sortingStyle: {
+        DEFAULT: 'Default',
+        LAST_UPDATED: 'Last updated',
+        ALPHABETICAL: 'Alphabetical',
+        DOWNLOADS: 'Download count',
+        RATING: 'Rating',
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index f73552144..1244f8499 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -7,6 +7,7 @@ import {SplashTranslation} from "./pages/SplashTranslation";
 import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import { ManagerTranslation } from './pages/ManagerTranslation';
+import {EnumTranslation} from "./enums/EnumTranslation";
 
 const message: MessageFormat = {
     metadata: {
@@ -20,7 +21,8 @@ const message: MessageFormat = {
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
         },
-        platforms: PlatformTranslation
+        platforms: PlatformTranslation,
+        enums: EnumTranslation,
     }
 };
 
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 98349898e..4d080ecfd 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -45,28 +45,8 @@ export const ManagerTranslation: ManagerMessageFormat = {
             },
             sort: {
                 label: 'Sort',
-                order: {
-                    options: {
-                        CUSTOM: 'Custom',
-                        MOD_NAME: 'Mod name',
-                        AUTHOR: 'Author name',
-                        INSTALL_DATE: 'Install date'
-                    }
-                },
-                directions: {
-                    options: {
-                        STANDARD: 'Standard',
-                        REVERSE: 'Reverse'
-                    }
-                },
                 disabledPositions: {
                     label: 'Disabled',
-                    options: {
-                        NONE: 'None',
-                        CUSTOM: 'Custom',
-                        FIRST: 'First',
-                        LAST: 'Last',
-                    }
                 }
             }
         },
@@ -171,6 +151,12 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 allowNsfw: 'Allow NSFW (potentially explicit) mods',
                 showDeprecated: 'Show deprecated mods',
                 apply: 'Apply filters'
+            },
+            sort: {
+                title: 'Change the ordering of mods',
+                sortBehaviour: 'Sort behaviour',
+                sortDirection: 'Sort direction',
+                close: 'Close'
             }
         }
     }
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 27b6383df..04b41e0e4 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -5,6 +5,7 @@ import { GameSelectionMessageFormat } from './base/pages/GameSelectionMessageFor
 import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
 import { ProfileSelectionMessageFormat } from './base/pages/ProfileSelectionMessageFormat';
 import { ManagerMessageFormat } from './base/pages/ManagerMessageFormat';
+import {EnumMessageFormat} from "./base/enums/EnumMessageFormat";
 
 export default {
     'en': langEn,
@@ -32,6 +33,7 @@ export type MessageFormat = {
             manager: ManagerMessageFormat,
         },
         platforms: PlatformMessageFormat;
+        enums: EnumMessageFormat;
     }
 }
 

From 726288fac140fb00509d939099392cc18c85b569 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 8 Aug 2025 15:13:48 +0100
Subject: [PATCH 31/59] Added i18n support for local import modal

---
 .../importing/LocalFileImportModal.vue        | 76 +++++++++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts   | 42 +++++++++-
 src/i18n/en/pages/ManagerTranslation.ts       | 44 ++++++++++-
 3 files changed, 136 insertions(+), 26 deletions(-)

diff --git a/src/components/importing/LocalFileImportModal.vue b/src/components/importing/LocalFileImportModal.vue
index d423e471e..1d16377a8 100644
--- a/src/components/importing/LocalFileImportModal.vue
+++ b/src/components/importing/LocalFileImportModal.vue
@@ -2,81 +2,107 @@
     <div>
         <ModalCard id="import-mod-from-file-modal" :can-close="true" @close-modal="closeModal" :is-active="isOpen">
             <template v-slot:header>
-                <h2 class='modal-title'>Import mod from file</h2>
+                <h2 class='modal-title'>
+                    {{ t('translations.pages.manager.modals.importLocalMod.title') }}
+                </h2>
             </template>
             <template v-slot:footer v-if="fileToImport === null">
-                <button class="button is-info" @click="selectFile">Select file</button>
+                <button class="button is-info" @click="selectFile">
+                    {{ t('translations.pages.manager.modals.importLocalMod.actions.selectFile') }}
+                </button>
             </template>
             <template v-slot:footer v-else>
-                <button class="button is-info" @click="importFile">Import local mod</button>
+                <button class="button is-info" @click="importFile">
+                    {{ t('translations.pages.manager.modals.importLocalMod.actions.importLocalMod') }}
+                </button>
             </template>
 
             <template slot="body" v-if="fileToImport === null">
                 <template v-if="!waitingForSelection">
-                    <p>Please select a zip or DLL to be imported.</p>
-                    <p>Zip files that contain a manifest file will have the some information pre-filled. If a manifest is not available, this will have to be entered manually.</p>
+                    <p>
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.instructToSelect') }}
+                    </p>
+                    <p>
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.dataEntryInfo') }}
+                    </p>
                 </template>
                 <template v-else>
-                    <p>Waiting for file. This may take a minute.</p>
+                    <p>
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.waitingForSelection') }}
+                    </p>
                 </template>
             </template>
 
             <template v-slot:body v-if="fileToImport !== null">
                 <div class="notification is-warning" v-if="validationMessage !== null">
-                    <p>{{ validationMessage }}</p>
+                    <p>{{ t(`translations.pages.manager.modals.importLocalMod.validationMessages.${validationMessage}`) }}</p>
                 </div>
                 <div class="input-group input-group--flex margin-right">
-                    <label for="mod-name" class="non-selectable">Mod name</label>
+                    <label for="mod-name" class="non-selectable">
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.form.modName.label') }}
+                    </label>
                     <input
                         v-model="modName"
                         id="mod-name"
                         class="input margin-right"
                         ref="mod-name"
                         type="text"
-                        placeholder="Enter the name of the mod"
+                        :placeholder="t('translations.pages.manager.modals.importLocalMod.content.form.modName.placeholder')"
                         autocomplete="off"
                     />
                 </div>
                 <br/>
                 <div class="input-group input-group--flex margin-right">
-                    <label for="mod-author" class="non-selectable">Author</label>
+                    <label for="mod-author" class="non-selectable">
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.form.modAuthor.label') }}
+                    </label>
                     <input
                         v-model="modAuthor"
                         id="mod-author"
                         class="input margin-right"
                         ref="mod-author"
                         type="text"
-                        placeholder="Enter the author name"
+                        :placeholder="t('translations.pages.manager.modals.importLocalMod.content.form.modAuthor.placeholder')"
                         autocomplete="off"
                     />
                 </div>
                 <br/>
                 <div class="input-group input-group--flex margin-right">
-                    <label for="mod-author" class="non-selectable">Description (optional)</label>
+                    <label for="mod-author" class="non-selectable">
+                        {{ t('translations.pages.manager.modals.importLocalMod.content.form.description.label') }}
+                    </label>
                     <input
                         v-model="modDescription"
                         id="mod-description"
                         class="input margin-right"
                         ref="mod-description"
                         type="text"
-                        placeholder="Enter a description"
+                        :placeholder="t('translations.pages.manager.modals.importLocalMod.content.form.description.placeholder')"
                         autocomplete="off"
                     />
                 </div>
                 <hr/>
-                <h3 class="title is-6">Version</h3>
+                <h3 class="title is-6">
+                    {{ t('translations.pages.manager.modals.importLocalMod.content.form.version.label') }}
+                </h3>
                 <div class="input-group input-group--flex margin-right non-selectable">
                     <div class="is-flex">
                         <div class="margin-right margin-right--half-width">
-                            <label for="mod-version-major">Major</label>
+                            <label for="mod-version-major">
+                                {{ t('translations.pages.manager.modals.importLocalMod.content.form.version.majorLabel') }}
+                            </label>
                             <input id="mod-version-major" ref="mod-version" class="input margin-right" type="number" v-model="modVersionMajor" min="0" step="1" placeholder="0"/>
                         </div>
                         <div class="margin-right margin-right--half-width">
-                            <label for="mod-version-minor">Minor</label>
+                            <label for="mod-version-minor">
+                                {{ t('translations.pages.manager.modals.importLocalMod.content.form.version.minorLabel') }}
+                            </label>
                             <input id="mod-version-minor" ref="mod-version" class="input margin-right" type="number" v-model="modVersionMinor" min="0" step="1" placeholder="0"/>
                         </div>
                         <div>
-                            <label for="mod-version-patch">Patch</label>
+                            <label for="mod-version-patch">
+                                {{ t('translations.pages.manager.modals.importLocalMod.content.form.version.patchLabel') }}
+                            </label>
                             <input id="mod-version-patch" ref="mod-version" class="input margin-right" type="number" v-model="modVersionPatch" min="0" step="1" placeholder="0"/>
                         </div>
                     </div>
@@ -101,8 +127,10 @@ import { ref, computed } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import path from '../../providers/node/path/path';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 type LocalFileImportModalProps = {
     visible: boolean;
@@ -284,10 +312,10 @@ async function importFile() {
 
     switch (0) {
         case modName.value.trim().length:
-            validationMessage.value = "The mod name must not be empty.";
+            validationMessage.value = "modNameEmpty";
             return;
         case modAuthor.value.trim().length:
-            validationMessage.value = "The mod author must not be empty.";
+            validationMessage.value = "authorNameEmpty";
             return;
     }
 
@@ -295,20 +323,20 @@ async function importFile() {
         case Number(modVersionMajor.value):
         case Number(modVersionMinor.value):
         case Number(modVersionPatch.value):
-            validationMessage.value = "Major, minor, and patch must all be numbers.";
+            validationMessage.value = "nonNumericVersion";
             return;
     }
 
     if (modVersionMajor.value < 0) {
-        validationMessage.value = "Major, minor, and patch must be whole numbers greater than 0.";
+        validationMessage.value = "invalidVersion";
         return;
     }
     if (modVersionMinor.value < 0) {
-        validationMessage.value = "Major, minor, and patch must be whole numbers greater than 0.";
+        validationMessage.value = "invalidVersion";
         return;
     }
     if (modVersionPatch.value < 0) {
-        validationMessage.value = "Major, minor, and patch must be whole numbers greater than 0.";
+        validationMessage.value = "invalidVersion";
         return;
     }
 
@@ -317,7 +345,7 @@ async function importFile() {
         : null;
 
     if (profile === null) {
-        validationMessage.value = "Profile is not selected";
+        validationMessage.value = "noProfileSelected";
         return;
     }
 
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 59ec40de8..c83ba329e 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -119,7 +119,47 @@ export type ManagerMessageFormat = {
         categorySelector: {
             selectCategory: string;
             noCategoriesSelected: string;
+        },
+        importLocalMod: {
+            title: string;
+            actions: {
+                selectFile: string;
+                importLocalMod: string;
+            }
+            content: {
+                waitingForSelection: string;
+                instructToSelect: string;
+                dataEntryInfo: string;
+                form: {
+                    modName: {
+                        label: string;
+                        placeholder: string;
+                    },
+                    modAuthor: {
+                        label: string;
+                        placeholder: string;
+                    },
+                    description: {
+                        label: string;
+                        placeholder: string;
+                    },
+                    version: {
+                        label: string;
+                        majorLabel: string;
+                        minorLabel: string;
+                        patchLabel: string;
+                    }
+                }
+            },
+            validationMessages: {
+                modNameEmpty: string;
+                authorNameEmpty: string;
+                nonNumericVersion: string;
+                invalidVersion: string;
+                noProfileSelected: string;
+            },
         }
+
     },
     online: {
         modals: {
@@ -140,7 +180,7 @@ export type ManagerMessageFormat = {
                 sortBehaviour: string;
                 sortDirection: string;
                 close: string;
-            }
+            },
         }
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 4d080ecfd..3ea0d69d9 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -136,6 +136,48 @@ export const ManagerTranslation: ManagerMessageFormat = {
         categorySelector: {
             selectCategory: 'Select a category',
             noCategoriesSelected: 'No categories selected',
+        },
+        importLocalMod: {
+            title: 'Import mod from file',
+            actions: {
+                selectFile: 'Select file',
+                importLocalMod: 'Import local mod',
+            },
+            content: {
+                instructToSelect: 'Please select a zip or DLL to be imported.',
+                dataEntryInfo: `
+                Zip files that contain a manifest file will have the some information pre-filled.
+                If a manifest is not available, this will have to be entered manually.
+                `,
+                waitingForSelection: 'Waiting for file. This may take a minute.',
+                form: {
+                    modName: {
+                        label: 'Mod name',
+                        placeholder: 'Enter the name of the mod',
+                    },
+                    modAuthor: {
+                        label: 'Author',
+                        placeholder: 'Enter the author name',
+                    },
+                    description: {
+                        label: 'Description (optional)',
+                        placeholder: 'Enter a description'
+                    },
+                    version: {
+                        label: 'Version',
+                        majorLabel: 'Major',
+                        minorLabel: 'Minor',
+                        patchLabel: 'Patch'
+                    }
+                }
+            },
+            validationMessages: {
+                modNameEmpty: 'The mod name must not be empty.',
+                authorNameEmpty: 'The mod author must not be empty.',
+                invalidVersion: 'Major, minor, and patch must be whole numbers greater than 0.',
+                nonNumericVersion: 'Major, minor, and patch must all be numbers.',
+                noProfileSelected: 'Profile is not selected.'
+            }
         }
     },
     online: {
@@ -157,7 +199,7 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 sortBehaviour: 'Sort behaviour',
                 sortDirection: 'Sort direction',
                 close: 'Close'
-            }
+            },
         }
     }
 }

From 073b46e6b47fc74cdef2e4b344f027b06935b7ac Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 08:31:36 +0100
Subject: [PATCH 32/59] Added i18n support for code export modal

---
 .../modals/ProfileCodeExportModal.vue         | 34 +++++++++++++++----
 src/i18n/base/pages/ManagerMessageFormat.ts   |  6 +++-
 src/i18n/en/pages/ManagerTranslation.ts       |  5 +++
 3 files changed, 38 insertions(+), 7 deletions(-)

diff --git a/src/components/modals/ProfileCodeExportModal.vue b/src/components/modals/ProfileCodeExportModal.vue
index 97182eeda..cc60db5d2 100644
--- a/src/components/modals/ProfileCodeExportModal.vue
+++ b/src/components/modals/ProfileCodeExportModal.vue
@@ -1,14 +1,28 @@
 <script lang="ts" setup>
 import ModalCard from '../ModalCard.vue';
-import { computed } from 'vue';
+import {computed, ref} from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import {useI18n} from "vue-i18n";
+import InteractionProvider from "../../providers/ror2/system/InteractionProvider";
 
 const store = getStore<State>();
-const isOpen = computed(() => store.state.modals.isProfileCodeExportModalOpen);
+const { t } = useI18n();
 
+const isOpen = computed(() => store.state.modals.isProfileCodeExportModalOpen);
 const exportCode = computed(() => store.state.profileExport.exportCode);
 
+const isCopied = ref<boolean>(false);
+const exportCodeText = computed(() => isCopied.value ? 'Copied to clipboard' : exportCode.value);
+
+function copyCode() {
+    InteractionProvider.instance.copyToClipboard(exportCode.value);
+    isCopied.value = true;
+    setTimeout(() => {
+        isCopied.value = false;
+    }, 1000);
+}
+
 function closeModal() {
     store.commit("closeProfileCodeExportModal");
 }
@@ -17,16 +31,24 @@ function closeModal() {
 <template>
     <ModalCard id="profile-exported-modal" :is-active="isOpen" @close-modal="closeModal" :can-close="true">
         <template v-slot:header>
-            <h2 class='modal-title'>Profile exported</h2>
+            <h2 class='modal-title'>
+                {{ t('translations.pages.manager.modals.codeExport.title') }}
+            </h2>
         </template>
         <template v-slot:body>
-            <p>Your code: <strong>{{exportCode}}</strong> has been copied to your clipboard. Just give it to a
-                friend!
+            <p>
+                {{ t('translations.pages.manager.modals.codeExport.description') }}
             </p>
+            <code class="code">
+                <code>{{ exportCodeText }}</code>
+                <a href="#" @click="copyCode">
+                    <i class="fas fa-copy"></i>
+                </a>
+            </code>
         </template>
         <template v-slot:footer>
             <button class="button is-info" @click="closeModal">
-                Done
+                {{ t('translations.pages.manager.modals.codeExport.done') }}
             </button>
         </template>
     </ModalCard>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index c83ba329e..31177a34e 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -158,8 +158,12 @@ export type ManagerMessageFormat = {
                 invalidVersion: string;
                 noProfileSelected: string;
             },
+        },
+        codeExport: {
+            title: string;
+            description: string;
+            done: string;
         }
-
     },
     online: {
         modals: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 3ea0d69d9..8240b6392 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -178,6 +178,11 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 nonNumericVersion: 'Major, minor, and patch must all be numbers.',
                 noProfileSelected: 'Profile is not selected.'
             }
+        },
+        codeExport: {
+            title: 'Profile exported',
+            description: 'Your code has been copied to your clipboard but may also be copied manually below:',
+            done: 'Done',
         }
     },
     online: {

From 7f9883897716bcb9490a52b2ffb73f5d0ef89aef Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 08:51:17 +0100
Subject: [PATCH 33/59] Added i18n support to DownloadProgressModal.vue

---
 src/components/buttons/DonateButton.vue        |  3 +++
 src/components/views/DownloadProgressModal.vue | 13 +++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts    |  9 +++++++++
 src/i18n/en/pages/ManagerTranslation.ts        |  9 +++++++++
 4 files changed, 28 insertions(+), 6 deletions(-)

diff --git a/src/components/buttons/DonateButton.vue b/src/components/buttons/DonateButton.vue
index cabd835f7..6986785bb 100644
--- a/src/components/buttons/DonateButton.vue
+++ b/src/components/buttons/DonateButton.vue
@@ -11,6 +11,9 @@
 <script lang="ts" setup>
 import ThunderstoreMod from '../../model/ThunderstoreMod';
 import { ExternalLink } from '../../components/all';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 type DonateButtonProps = {
     mod: ThunderstoreMod;
diff --git a/src/components/views/DownloadProgressModal.vue b/src/components/views/DownloadProgressModal.vue
index 9ba5e6241..11a94cf5a 100644
--- a/src/components/views/DownloadProgressModal.vue
+++ b/src/components/views/DownloadProgressModal.vue
@@ -5,8 +5,10 @@ import { State } from '../../store';
 import * as DownloadUtils from '../../utils/DownloadUtils';
 import FileUtils from '../../utils/FileUtils';
 import { DownloadStatusEnum } from '../../model/enums/DownloadStatusEnum';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 function closeModal() {
     store.commit("closeDownloadProgressModal");
@@ -26,17 +28,16 @@ function closeModal() {
                 <div class='notification is-info'>
 
                     <h3 v-if="DownloadUtils.statusIsDownloadOrExtract(store.getters['download/currentDownload'].status)" class='title'>
-                        Downloading {{store.getters['download/currentDownload'].modName}}
+                        {{ t('translations.pages.manager.modals.downloadProgress.states.downloading', { modName: store.getters['download/currentDownload'].modName }) }}
                     </h3>
                     <h3 v-else-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.INSTALLING" class='title'>
-                        Installing {{store.getters['download/currentDownload'].modName}}
+                        {{ t('translations.pages.manager.modals.downloadProgress.states.installing', { modName: store.getters['download/currentDownload'].modName }) }}
                     </h3>
 
 
                     <p v-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.DOWNLOADING">
                         <i class="fas fa-download"/>
-                        Downloading: {{store.getters['download/currentDownload'].downloadProgress}}% of
-                        {{FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize)}}
+                        {{ t('translations.pages.manager.modals.downloadProgress.downloadProgress', { progress: store.getters['download/currentDownload'].downloadProgress, FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize) }) }}
                     </p>
 
                     <p v-else-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTING || store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTED">
@@ -58,11 +59,11 @@ function closeModal() {
 
                     <p v-if="store.getters['download/currentDownload'].installProgress">
                         <i class="fas fa-cog" spin />
-                        Installing: {{store.getters['download/currentDownload'].installProgress}}%
+                        {{ t('translations.pages.manager.modals.downloadProgress.installProgress', { progress: store.getters['download/currentDownload'].installProgress }) }}
                     </p>
                     <p v-else>
                         <i class="fas fa-cog" />
-                        Installing: waiting for download to finish
+                        {{ t('translations.pages.manager.modals.downloadProgress.waitingForDownload') }}
                     </p>
 
                     <Progress
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 31177a34e..eda074313 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -163,6 +163,15 @@ export type ManagerMessageFormat = {
             title: string;
             description: string;
             done: string;
+        },
+        downloadProgress: {
+            states: {
+                downloading: string;
+                installing: string;
+            },
+            downloadProgress: string;
+            installProgress: string;
+            waitingForDownload: string;
         }
     },
     online: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 8240b6392..709ae135d 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -183,6 +183,15 @@ export const ManagerTranslation: ManagerMessageFormat = {
             title: 'Profile exported',
             description: 'Your code has been copied to your clipboard but may also be copied manually below:',
             done: 'Done',
+        },
+        downloadProgress: {
+            states: {
+                downloading: 'Downloading {modName}',
+                installing: 'Installing {modName}',
+            },
+            downloadProgress: 'Downloading: {progress}% complete',
+            installProgress: 'Installing: {progress}% complete',
+            waitingForDownload: 'Installing: waiting for download to finish',
         }
     },
     online: {

From 9705d16fd6e92f37d4099963af22965605a5f44d Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 09:39:12 +0100
Subject: [PATCH 34/59] Added i18n support to DownloadModVersionSelectModal

---
 .../views/DownloadModVersionSelectModal.vue   | 20 +++++++++++--------
 src/i18n/base/pages/ManagerMessageFormat.ts   | 14 +++++++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 14 +++++++++++++
 3 files changed, 40 insertions(+), 8 deletions(-)

diff --git a/src/components/views/DownloadModVersionSelectModal.vue b/src/components/views/DownloadModVersionSelectModal.vue
index 337657394..eb35217fe 100644
--- a/src/components/views/DownloadModVersionSelectModal.vue
+++ b/src/components/views/DownloadModVersionSelectModal.vue
@@ -2,12 +2,12 @@
     <ModalCard id="download-mod-version-select-modal" :is-active="isOpen" :can-close="true" v-if="thunderstoreMod !== null" @close-modal="closeModal()">
         <template v-slot:header>
             <h2 class='modal-title' v-if="thunderstoreMod !== null">
-                Select a version of {{thunderstoreMod.getName()}} to download
+                {{ t('translations.pages.manager.modals.downloadModVersionSelect.title', { modName: thunderstoreMod.getName()}) }}
             </h2>
         </template>
         <template v-slot:body>
-            <p>It's recommended to select the latest version of all mods.</p>
-            <p>Using outdated versions may cause problems.</p>
+            <p>{{ t('translations.pages.manager.modals.downloadModVersionSelect.content.recommendedDisclaimer') }}</p>
+            <p>{{ t('translations.pages.manager.modals.downloadModVersionSelect.content.outdatedModsAdvice') }}</p>
             <br/>
             <div class="columns is-vcentered">
                 <template v-if="currentVersion !== null">
@@ -31,22 +31,24 @@
                 </div>
                 <div class="column is-narrow">
                     <span class="tag is-dark" v-if='selectedVersion === null'>
-                        You need to select a version
+                        {{ t('translations.pages.manager.modals.downloadModVersionSelect.tags.select') }}
                     </span>
                     <span class="tag is-success" v-else-if='recommendedVersion === selectedVersion'>
-                        {{selectedVersion}} is the recommended version
+                        {{ t('translations.pages.manager.modals.downloadModVersionSelect.tags.recommended', { version: selectedVersion }) }}
                     </span>
                     <span class="tag is-success" v-else-if='versionNumbers[0] === selectedVersion'>
-                        {{selectedVersion}} is the latest version
+                        {{ t('translations.pages.manager.modals.downloadModVersionSelect.tags.latest', { version: selectedVersion }) }}
                     </span>
                     <span class="tag is-danger" v-else-if='versionNumbers[0] !== selectedVersion'>
-                        {{selectedVersion}} is an outdated version
+                        {{ t('translations.pages.manager.modals.downloadModVersionSelect.tags.outdated', { version: selectedVersion }) }}
                     </span>
                 </div>
             </div>
         </template>
         <template v-slot:footer>
-            <button class="button is-info" @click="downloadMod">Download with dependencies</button>
+            <button class="button is-info" @click="downloadMod">
+                {{ t('translations.pages.manager.modals.downloadModVersionSelect.download') }}
+            </button>
         </template>
     </ModalCard>
 </template>
@@ -66,8 +68,10 @@ import { State } from '../../store';
 import ThunderstoreMod from '../../model/ThunderstoreMod';
 import ThunderstoreCombo from "../../model/ThunderstoreCombo";
 import { InstallMode } from "../../utils/DependencyUtils";
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const versionNumbers = ref<string[]>([]);
 const recommendedVersion = ref<string | null>(null);
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index eda074313..d277fdd42 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -172,6 +172,20 @@ export type ManagerMessageFormat = {
             downloadProgress: string;
             installProgress: string;
             waitingForDownload: string;
+        },
+        downloadModVersionSelect: {
+            title: string;
+            content: {
+                recommendedDisclaimer: string;
+                outdatedModsAdvice: string;
+            }
+            tags: {
+                select: string;
+                recommended: string;
+                latest: string;
+                outdated: string;
+            }
+            download: string;
         }
     },
     online: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 709ae135d..0c057ff90 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -192,6 +192,20 @@ export const ManagerTranslation: ManagerMessageFormat = {
             downloadProgress: 'Downloading: {progress}% complete',
             installProgress: 'Installing: {progress}% complete',
             waitingForDownload: 'Installing: waiting for download to finish',
+        },
+        downloadModVersionSelect: {
+            title: 'Select a version of {modName} to download',
+            content: {
+                recommendedDisclaimer: 'It\'s recommended to select the latest version of all mods.',
+                outdatedModsAdvice: 'Using outdated versions may cause problems.',
+            },
+            tags: {
+                select: 'You must select a version',
+                recommended: '{version} is the recommended version',
+                latest: '{version} is the latest version',
+                outdated: '{version} is an outdated version'
+            },
+            download: 'Download with dependencies',
         }
     },
     online: {

From 3c1b7e3e7f29ee659781129495dab00ea108b305 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 10:20:39 +0100
Subject: [PATCH 35/59] Added i18n support to UpdateAllInstalledModsModal

---
 .../views/UpdateAllInstalledModsModal.vue     | 28 +++++++++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts   | 17 +++++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 17 +++++++++++
 3 files changed, 53 insertions(+), 9 deletions(-)

diff --git a/src/components/views/UpdateAllInstalledModsModal.vue b/src/components/views/UpdateAllInstalledModsModal.vue
index c2cf56b13..b6c931822 100644
--- a/src/components/views/UpdateAllInstalledModsModal.vue
+++ b/src/components/views/UpdateAllInstalledModsModal.vue
@@ -6,8 +6,10 @@ import ThunderstoreCombo from '../../model/ThunderstoreCombo';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import { InstallMode } from '../../utils/DependencyUtils';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const isOpen = computed(() => store.state.modals.isUpdateAllModsModalOpen);
 const modsWithUpdates = computed(() => store.getters['profile/modsWithUpdates']);
@@ -32,33 +34,41 @@ async function updateAllToLatestVersion() {
 <template>
     <ModalCard id="update-all-installed-mods-modal" :is-active="isOpen" :can-close="true" v-if="modsWithUpdates.length === 0" @close-modal="closeModal()">
         <template v-slot:header>
-            <h2 class='modal-title'>No mods to update</h2>
+            <h2 class='modal-title'>
+                {{ t('translations.pages.manager.modals.updateAllInstalledMods.noModsToUpdate.title') }}
+            </h2>
         </template>
         <template v-slot:body>
-            <p>Either all installed mods are up to date, or there are no installed mods.</p>
+            <p>{{ t('translations.pages.manager.modals.updateAllInstalledMods.noModsToUpdate.content')}}</p>
         </template>
         <template v-slot:footer>
-            <button class="button is-info" @click="closeModal()">Close</button>
+            <button class="button is-info" @click="closeModal()">
+                {{ t('translations.pages.manager.modals.updateAllInstalledMods.noModsToUpdate.close') }}
+            </button>
         </template>
     </ModalCard>
     <ModalCard id="update-all-installed-mods-modal" :is-active="isOpen" :can-close="true" v-else @close-modal="closeModal()">
         <template v-slot:header>
-            <h2 class='modal-title'>Update all installed mods</h2>
+            <h2 class='modal-title'>
+                {{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.title') }}
+            </h2>
         </template>
         <template v-slot:body>
-            <p>All installed mods will be updated to their latest versions.</p>
-            <p>Any missing dependencies will be installed.</p>
-            <p>The following mods will be downloaded and installed:</p>
+            <p>{{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.content.willBeUpdated') }}</p>
+            <p>{{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.content.missingDependenciesInstalled') }}</p>
+            <p>{{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.content.whatWillHappen') }}</p>
             <br/>
             <ul class="list">
                 <li class="list-item" v-for='(mod, index) in modsWithUpdates'
                     :key='`to-update-${index}-${mod.getFullName()}`'>
-                    {{mod.getName()}} will be updated to: {{mod.getLatestVersion()}}
+                    {{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.content.modUpdatedTo', { modName: mod.getName(), version: mod.getLatestVersion() }) }}
                 </li>
             </ul>
         </template>
         <template v-slot:footer>
-            <button class="button is-info" @click="updateAllToLatestVersion()">Update all</button>
+            <button class="button is-info" @click="updateAllToLatestVersion()">
+                {{ t('translations.pages.manager.modals.updateAllInstalledMods.hasModsToUpdate.updateAll') }}
+            </button>
         </template>
     </ModalCard>
 </template>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index d277fdd42..e63f21ede 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -186,6 +186,23 @@ export type ManagerMessageFormat = {
                 outdated: string;
             }
             download: string;
+        },
+        updateAllInstalledMods: {
+            noModsToUpdate: {
+                title: string;
+                content: string;
+                close: string;
+            },
+            hasModsToUpdate: {
+                title: string;
+                content: {
+                    willBeUpdated: string;
+                    missingDependenciesInstalled: string;
+                    whatWillHappen: string;
+                    modUpdatedTo: string;
+                },
+                updateAll: string;
+            }
         }
     },
     online: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 0c057ff90..0e9f3393f 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -206,6 +206,23 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 outdated: '{version} is an outdated version'
             },
             download: 'Download with dependencies',
+        },
+        updateAllInstalledMods: {
+            noModsToUpdate: {
+                title: 'No mods to update',
+                content: 'Either all installed mods are up to date, or there are no installed mods.',
+                close: 'Close',
+            },
+            hasModsToUpdate: {
+                title: 'Update all installed mods',
+                content: {
+                    willBeUpdated: 'All installed mods will be updated to their latest versions.',
+                    missingDependenciesInstalled: 'Any missing dependencies will be installed.',
+                    whatWillHappen: 'The following mods will be downloaded and installed:',
+                    modUpdatedTo: '{modName} will be updated to: {version}',
+                },
+                updateAll: 'Update all',
+            }
         }
     },
     online: {

From c13e7dc5aa80372ef565546aceb30eb532228ab9 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 12:49:35 +0100
Subject: [PATCH 36/59] Added i18n support to LaunchTypeModal

---
 .../modals/launch-type/LaunchTypeModal.vue    | 35 ++++++++++++-------
 src/i18n/base/enums/EnumMessageFormat.ts      |  5 +++
 src/i18n/base/pages/ManagerMessageFormat.ts   | 15 ++++++++
 src/i18n/en/enums/EnumTranslation.ts          |  5 +++
 src/i18n/en/pages/ManagerTranslation.ts       | 15 ++++++++
 5 files changed, 62 insertions(+), 13 deletions(-)

diff --git a/src/components/modals/launch-type/LaunchTypeModal.vue b/src/components/modals/launch-type/LaunchTypeModal.vue
index f580df6f3..4c7f4d7f2 100644
--- a/src/components/modals/launch-type/LaunchTypeModal.vue
+++ b/src/components/modals/launch-type/LaunchTypeModal.vue
@@ -9,8 +9,10 @@ import {getLaunchType, LaunchType} from "../../../model/real_enums/launch/Launch
 import {areWrapperArgumentsProvided, getDeterminedLaunchType, getWrapperLaunchArgs} from "../../../utils/LaunchUtils";
 import CopyToClipboardButton from "../../buttons/CopyToClipboardButton.vue";
 import ManagerSettings from "../../../r2mm/manager/ManagerSettings";
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const activeGame = computed<Game>(() => store.state.activeGame);
 const launchOption = ref<LaunchType>(LaunchType.AUTO);
@@ -49,32 +51,39 @@ async function updateAndClose() {
 <template>
     <ModalCard id="launch-type-modal" v-show="LaunchTypeModalOpen" :is-active="LaunchTypeModalOpen" :can-close="true" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class="modal-title">Set launch behaviour</h2>
+            <h2 class="modal-title">
+                {{ t('translations.pages.manager.modals.launchType.title') }}
+            </h2>
         </template>
         <template v-slot:body>
           <div>
               <input id="launch-type-option-auto" type="radio" name="launch-type-option" :value="LaunchType.AUTO" v-model="launchOption"/>
-              <label for="launch-type-option-auto"><span class="margin-right margin-right--half-width"/>Auto</label>
+              <label for="launch-type-option-auto"><span class="margin-right margin-right--half-width"/>
+                {{ t('translations.enums.launchType.AUTO') }}
+              </label>
           </div>
           <div>
               <input id="launch-type-option-native" type="radio" name="launch-type-option" :value="LaunchType.NATIVE" v-model="launchOption"/>
-              <label for="launch-type-option-native"><span class="margin-right margin-right--half-width"/>Native</label>
+              <label for="launch-type-option-native"><span class="margin-right margin-right--half-width"/>
+                {{ t('translations.enums.launchType.NATIVE') }}
+              </label>
           </div>
           <div>
               <input id="launch-type-option-proton" type="radio" name="launch-type-option" :value="LaunchType.PROTON" v-model="launchOption"/>
-              <label for="launch-type-option-proton"><span class="margin-right margin-right--half-width"/>Proton</label>
+              <label for="launch-type-option-proton"><span class="margin-right margin-right--half-width"/>
+                {{ t('translations.enums.launchType.PROTON') }}
+              </label>
           </div>
-          <p v-if="launchOption === LaunchType.AUTO" class="margin-top">
-              By selecting <strong>Auto</strong> we have determined that {{ activeGame.displayName }} will be launched under
-              <strong class="tag">{{ determinedLaunchType }}</strong>
-              mode.
-          </p>
+            <div class="notification margin-top" v-if="launchOption === LaunchType.AUTO">
+                {{ t(`translations.pages.manager.modals.launchType.auto.${EnumResolver.from(LaunchType, determinedLaunchType)}`) }}
+            </div>
+
           <div v-if="determinedLaunchType === LaunchType.NATIVE && !wrapperProvided" class="margin-top">
             <p>
-              We were unable to determine if the required wrapper arguments have been set.
+              {{ t('translations.pages.manager.modals.launchType.native.unsureWrapperArgsPresent') }}
             </p>
             <p>
-              If you have not yet done this manually, please add the following launch arguments to the game's properties on Steam:
+              {{ t('translations.pages.manager.modals.launchType.native.addArgumentsInfo') }}
             </p>
             <div>
               <code>
@@ -83,14 +92,14 @@ async function updateAndClose() {
             </div>
             <div class="margin-top">
               <CopyToClipboardButton :copy-value="launchArgs" id="launch-type-modal-copy-button">
-                Copy launch arguments
+                {{ t('translations.pages.manager.modals.launchType.actions.copyLaunchArgs') }}
               </CopyToClipboardButton>
             </div>
           </div>
         </template>
         <template v-slot:footer>
             <button id="launch-type-modal-update-button" class="button is-info" @click="updateAndClose">
-                Update
+                {{ t('translations.pages.manager.modals.launchType.actions.update') }}
             </button>
         </template>
     </ModalCard>
diff --git a/src/i18n/base/enums/EnumMessageFormat.ts b/src/i18n/base/enums/EnumMessageFormat.ts
index 8773e0d2b..40a7e597c 100644
--- a/src/i18n/base/enums/EnumMessageFormat.ts
+++ b/src/i18n/base/enums/EnumMessageFormat.ts
@@ -23,5 +23,10 @@ export type EnumMessageFormat = {
         ALPHABETICAL: string;
         DOWNLOADS: string;
         RATING: string;
+    },
+    launchType: {
+        AUTO: string;
+        NATIVE: string;
+        PROTON: string;
     }
 }
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index e63f21ede..0f9af74d2 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -203,6 +203,21 @@ export type ManagerMessageFormat = {
                 },
                 updateAll: string;
             }
+        },
+        launchType: {
+            title: string;
+            auto: {
+                NATIVE: string;
+                PROTON: string;
+            },
+            native: {
+                unsureWrapperArgsPresent: string;
+                addArgumentsInfo: string;
+            },
+            actions: {
+                copyLaunchArgs: string;
+                update: string;
+            }
         }
     },
     online: {
diff --git a/src/i18n/en/enums/EnumTranslation.ts b/src/i18n/en/enums/EnumTranslation.ts
index 607cd44c9..d03fe4042 100644
--- a/src/i18n/en/enums/EnumTranslation.ts
+++ b/src/i18n/en/enums/EnumTranslation.ts
@@ -23,5 +23,10 @@ export const EnumTranslation: EnumMessageFormat = {
         ALPHABETICAL: 'Alphabetical',
         DOWNLOADS: 'Download count',
         RATING: 'Rating',
+    },
+    launchType: {
+        AUTO: 'Auto',
+        NATIVE: 'Native',
+        PROTON: 'Proton',
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 0e9f3393f..bb365cbae 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -223,6 +223,21 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 },
                 updateAll: 'Update all',
             }
+        },
+        launchType: {
+            title: 'Set launch behaviour',
+            auto: {
+                NATIVE: 'Your game will be started using the "Native" option',
+                PROTON: 'Your game will be started using the "Proton" option',
+            },
+            native: {
+                unsureWrapperArgsPresent: 'We were unable to determine if the required wrapper arguments have been set.',
+                addArgumentsInfo: 'If you have not yet done this manually, please add the following launch arguments to the game\'s properties on Steam:',
+            },
+            actions: {
+                copyLaunchArgs: 'Copy launch arguments',
+                update: 'Update'
+            }
         }
     },
     online: {

From f6aea1a53d05b6d895bd5c81ca51aa8877e49cf7 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Mon, 11 Aug 2025 16:19:04 +0100
Subject: [PATCH 37/59] Added i18n support for executable selection actions in
 Manager.vue

---
 src/i18n/base/pages/ManagerMessageFormat.ts |  6 ++++++
 src/i18n/en/pages/ManagerTranslation.ts     |  6 ++++++
 src/pages/Manager.vue                       | 12 ++++++------
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 0f9af74d2..1c8ddd5c0 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -241,5 +241,11 @@ export type ManagerMessageFormat = {
                 close: string;
             },
         }
+    },
+    actions: {
+        locateGameExecutable: string;
+        selectExecutable: string;
+        locateGameLaunchHelper: string;
+        locateSteamExecutable: string;
     }
 }
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index bb365cbae..3d2b5f848 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -261,5 +261,11 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 close: 'Close'
             },
         }
+    },
+    actions: {
+        locateGameExecutable: 'Locate {gameName} executable',
+        selectExecutable: 'Select Executable',
+        locateGameLaunchHelper: 'Locate gamelaunchhelper Executable',
+        locateSteamExecutable: 'Locate Steam Executable',
     }
 }
diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index 61b13d3f5..73cf93486 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -250,7 +250,7 @@ function computeDefaultInstallDirectory(): string {
 function changeGameInstallDirectory() {
     const ror2Directory: string = settings.value.getContext().gameSpecific.gameDirectory || computeDefaultInstallDirectory();
     InteractionProvider.instance.selectFile({
-        title: `Locate ${activeGame.value.displayName} Executable`,
+        title: t('translations.pages.manager.actions.locateSteamExecutable', { gameName: activeGame.value.displayName }),
         // Lazy reduce. Assume Linux name and Windows name are identical besides extension.
         // Should fix if needed, although unlikely.
         filters: (activeGame.value.exeName.map(value => {
@@ -264,7 +264,7 @@ function changeGameInstallDirectory() {
             return previousValue;
         })),
         defaultPath: ror2Directory,
-        buttonLabel: 'Select Executable'
+        buttonLabel: t('translations.pages.manager.actions.selectExecutable')
     }).then(async files => {
         if (files.length === 1) {
             try {
@@ -285,10 +285,10 @@ function changeGameInstallDirectory() {
 function changeGameInstallDirectoryGamePass() {
     const ror2Directory: string = settings.value.getContext().gameSpecific.gameDirectory || computeDefaultInstallDirectory();
     InteractionProvider.instance.selectFile({
-        title: `Locate gamelaunchhelper Executable`,
+        title: t('translations.pages.manager.actions.locateGameLaunchHelper'),
         filters: [{ name: "gamelaunchhelper", extensions: ["exe"] }],
         defaultPath: ror2Directory,
-        buttonLabel: 'Select Executable'
+        buttonLabel: t('translations.pages.manager.actions.selectExecutables')
     }).then(async files => {
         if (files.length === 1) {
             try {
@@ -338,10 +338,10 @@ async function checkIfSteamExecutableIsValid(file: string): Promise<boolean> {
 function changeSteamDirectory() {
     const steamDir: string = settings.value.getContext().global.steamDirectory || computeDefaultSteamDirectory();
     InteractionProvider.instance.selectFile({
-        title: 'Locate Steam Executable',
+        title: t('translations.pages.manager.actions.locateSteamExecutable'),
         defaultPath: steamDir,
         filters: [{name: "steam", extensions: ["exe", "sh", "app"]}],
-        buttonLabel: 'Select Executable'
+        buttonLabel: t('translations.pages.manager.actions.selectExecutable')
     }).then(async files => {
         if (files.length === 1) {
             try {

From 3dedfaf5426260c82cbe627302a62840372e337e Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Tue, 12 Aug 2025 10:02:06 +0100
Subject: [PATCH 38/59] Added i18n support for OnlinePreviewPanel

---
 src/components/v2/OnlinePreviewPanel.vue    | 78 +++++++++++++++++----
 src/i18n/base/pages/ManagerMessageFormat.ts | 23 ++++++
 src/i18n/en/pages/ManagerTranslation.ts     | 23 ++++++
 3 files changed, 109 insertions(+), 15 deletions(-)

diff --git a/src/components/v2/OnlinePreviewPanel.vue b/src/components/v2/OnlinePreviewPanel.vue
index bdf52f672..710f0cd7e 100644
--- a/src/components/v2/OnlinePreviewPanel.vue
+++ b/src/components/v2/OnlinePreviewPanel.vue
@@ -13,8 +13,10 @@ import debounce from 'lodash.debounce';
 import ManagerSettings from '../../r2mm/manager/ManagerSettings';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { transformPackageUrl } from '../../providers/cdn/PackageUrlTransformer';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t, d, messages, locale } = useI18n();
 
 interface ModPreviewPanelProps {
     mod: ThunderstoreMod;
@@ -191,27 +193,65 @@ function dragEnd(event: DragEvent) {
                 {{ mod.getName() }}
             </h1>
                 <h2 class="subtitle">
-                    By {{ mod.getOwner() }}
+                    {{ t('translations.pages.manager.online.previewPanel.author', { author: mod.getOwner() }) }}
                 </h2>
                 <div class="margin-top margin-bottom">
                     <p class="description">{{ mod.getDescription() }}</p>
                 </div>
-                <p class='card-timestamp'><strong>Downloads:</strong> {{mod.getDownloadCount()}}</p>
-                <p class='card-timestamp'><strong>Likes:</strong> {{mod.getRating()}}</p>
-                <p class='card-timestamp'><strong>Last updated:</strong> {{getReadableDate(mod.getDateUpdated())}}</p>
-                <p class='card-timestamp'><strong>Categories:</strong> {{getReadableCategories(mod)}}</p>
+                <p class='card-timestamp'><strong>Downloads:</strong>
+                    <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.downloads">
+                        <template v-slot:downloads>
+                            <span class="font-weight-normal">{{ mod.getDownloadCount() }}</span>
+                        </template>
+                    </i18n-t>
+                </p>
+                <p class='card-timestamp'>
+                    <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.likes">
+                        <template v-slot:likes>
+                            <span class="font-weight-normal">{{ mod.getRating() }}</span>
+                        </template>
+                    </i18n-t>
+                </p>
+                <p class='card-timestamp'>
+                    <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.lastUpdated">
+                        <template v-slot:date>
+                        <span class="font-weight-normal">
+                            {{ d(mod.getDateUpdated(), 'long', messages[locale].metadata.locale) }}
+                        </span>
+                        </template>
+                    </i18n-t>
+                </p>
+                <p class='card-timestamp'>
+                    <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.categories">
+                        <template v-slot:categories>
+                            <span class="font-weight-normal">{{ getReadableCategories(mod) }}</span>
+                        </template>
+                    </i18n-t>
+                </p>
             </div>
             <div class="sticky-top inherit-background-colour sticky-top--no-shadow sticky-top--opaque no-margin sticky-top--no-padding">
                 <div class="button-group">
-                    <button class="button is-info" @click="showDownloadModal(mod)">Download</button>
-                    <ExternalLink tag="button" class="button" :url="props.mod.getPackageUrl()">View online</ExternalLink>
-                    <ExternalLink v-if="props.mod.getDonationLink()" tag="button" class="button" :url="props.mod.getDonationLink()">Donate</ExternalLink>
+                    <button class="button is-info" @click="showDownloadModal(mod)">
+                        {{ t('translations.pages.manager.online.previewPanel.actions.download') }}
+                    </button>
+                    <ExternalLink tag="button" class="button" :url="props.mod.getPackageUrl()">
+                        {{ t('translations.pages.manager.online.previewPanel.actions.viewOnline') }}
+                    </ExternalLink>
+                    <ExternalLink v-if="props.mod.getDonationLink()" tag="button" class="button" :url="props.mod.getDonationLink()">
+                        {{ t('translations.pages.manager.online.previewPanel.actions.donate') }}
+                    </ExternalLink>
                 </div>
                 <div class="tabs margin-top">
                     <ul>
-                        <li :class="{'is-active': activeTab === 'README'}"><a @click="setActiveTab('README')">README</a></li>
-                        <li :class="{'is-active': activeTab === 'CHANGELOG'}"><a @click="setActiveTab('CHANGELOG')">CHANGELOG</a></li>
-                        <li :class="{'is-active': activeTab === 'Dependencies'}"><a @click="setActiveTab('Dependencies')">Dependencies ({{ dependencies.length }})</a></li>
+                        <li :class="{'is-active': activeTab === 'README'}"><a @click="setActiveTab('README')">
+                            {{ t('translations.pages.manager.online.previewPanel.tabs.readme') }}
+                        </a></li>
+                        <li :class="{'is-active': activeTab === 'CHANGELOG'}"><a @click="setActiveTab('CHANGELOG')">
+                            {{ t('translations.pages.manager.online.previewPanel.tabs.changelog') }}
+                        </a></li>
+                        <li :class="{'is-active': activeTab === 'Dependencies'}"><a @click="setActiveTab('Dependencies')">
+                            {{ t('translations.pages.manager.online.previewPanel.tabs.dependencies', { dependencyCount: dependencies.length }) }}
+                        </a></li>
                     </ul>
                 </div>
             </div>
@@ -219,7 +259,7 @@ function dragEnd(event: DragEvent) {
                 <template v-if="loadingPanel">
                     <div class="notification">
                         <div class="container">
-                            <p>Fetching {{ activeTab }} for {{ props.mod.getFullName() }}</p>
+                            <p>{{ t('translations.pages.manager.online.previewPanel.fetchingData') }}</p>
                         </div>
                     </div>
                 </template>
@@ -230,7 +270,7 @@ function dragEnd(event: DragEvent) {
                     <template v-else>
                         <div class="notification">
                             <div class="container">
-                                <p>{{ props.mod.getName() }} has no dependencies</p>
+                                <p>{{ t('translations.pages.manager.online.previewPanel.noDependencies') }}</p>
                             </div>
                         </div>
                     </template>
@@ -238,7 +278,9 @@ function dragEnd(event: DragEvent) {
                 <template v-else-if="activeTab === 'README'">
                     <template v-if="readmeError !== null">
                         <div class="notification is-danger">
-                            <h2 class="title is-6">Unable to fetch README for {{ props.mod.getFullName() }}</h2>
+                            <h2 class="title is-6">
+                                {{ t('translations.pages.manager.online.previewPanel.tabs.unableToFetchReadme') }}
+                            </h2>
                             <p>{{ readmeError.message }}</p>
                         </div>
                     </template>
@@ -249,7 +291,9 @@ function dragEnd(event: DragEvent) {
                 <template v-else-if="activeTab === 'CHANGELOG'">
                     <template v-if="changelogError !== null">
                         <div class="notification is-danger">
-                            <h2 class="title is-6">Unable to fetch CHANGELOG for {{ props.mod.getFullName() }}</h2>
+                            <h2 class="title is-6">
+                                {{ t('translations.pages.manager.online.previewPanel.unableToFetchChangelog') }}
+                            </h2>
                             <p>{{ changelogError.message }}</p>
                         </div>
                     </template>
@@ -313,6 +357,10 @@ function dragEnd(event: DragEvent) {
     gap: 0.5rem;
 }
 
+.font-weight-normal {
+    font-weight: normal;
+}
+
 .close-button {
     float: right;
 }
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 1c8ddd5c0..b699becec 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -240,6 +240,29 @@ export type ManagerMessageFormat = {
                 sortDirection: string;
                 close: string;
             },
+        },
+        previewPanel: {
+            author: string;
+            metadata: {
+                downloads: string;
+                likes: string;
+                lastUpdated: string;
+                categories: string;
+            },
+            actions: {
+                download: string;
+                viewOnline: string;
+                donate: string;
+            },
+            tabs: {
+                readme: string;
+                changelog: string;
+                dependencies: string;
+            },
+            fetchingData: string;
+            noDependencies: string;
+            unableToFetchReadme: string;
+            unableToFetchChangelog: string;
         }
     },
     actions: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 3d2b5f848..72c71f419 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -260,6 +260,29 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 sortDirection: 'Sort direction',
                 close: 'Close'
             },
+        },
+        previewPanel: {
+            author: 'By {author}',
+            metadata: {
+                downloads: 'Downloads: {downloads}',
+                likes: 'Likes: {likes}',
+                lastUpdated: 'Last updated: {date}',
+                categories: 'Categories: {categories}',
+            },
+            actions: {
+                download: 'Download',
+                viewOnline: 'View online',
+                donate: 'Donate',
+            },
+            tabs: {
+                readme: 'README',
+                changelog: 'CHANGELOG',
+                dependencies: 'Dependencies ({dependencyCount})',
+            },
+            fetchingData: 'Fetching data',
+            noDependencies: 'This mod has no dependencies',
+            unableToFetchReadme: 'Unable to fetch README',
+            unableToFetchChangelog: 'Unable to fetch CHANGELOG',
         }
     },
     actions: {

From 9620aff343d57a73bb00edb78cbdd06ec1c5017c Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Tue, 12 Aug 2025 10:39:45 +0100
Subject: [PATCH 39/59] Added i18n support for OnlineModView

---
 src/components/views/OnlineModView.vue      | 16 ++++++++++------
 src/i18n/base/pages/ManagerMessageFormat.ts | 13 +++++++++++++
 src/i18n/en/pages/ManagerTranslation.ts     | 13 +++++++++++++
 3 files changed, 36 insertions(+), 6 deletions(-)

diff --git a/src/components/views/OnlineModView.vue b/src/components/views/OnlineModView.vue
index a8904f0eb..babea326d 100644
--- a/src/components/views/OnlineModView.vue
+++ b/src/components/views/OnlineModView.vue
@@ -6,14 +6,16 @@
                     <div class="is-shadowless is-square">
                         <div class="no-padding-left card-header-title">
                             <div class="input-group input-group--flex margin-right">
-                                <label for="thunderstore-search-filter">Search</label>
+                                <label for="thunderstore-search-filter">
+                                    {{ t('translations.pages.manager.online.topbar.search.label') }}
+                                </label>
                                 <DeferredInput
                                     :modelValue="thunderstoreSearchFilter"
                                     @update:modelValue="$event => (thunderstoreSearchFilter = $event)"
                                     id="thunderstore-search-filter"
                                     class="input"
                                     type="text"
-                                    placeholder="Search"
+                                    :placeholder="t('translations.pages.manager.online.topbar.search.placeholder')"
                                     autocomplete="off"
                                 />
                             </div>
@@ -25,7 +27,7 @@
                                         class="button"
                                         @click="store.commit('openOnlineSortModal')"
                                     >
-                                        Sort
+                                        {{ t('translations.pages.manager.online.topbar.sort') }}
                                     </button>
                                 </div>
                             </div>
@@ -38,7 +40,7 @@
                                         class="button"
                                         @click="store.commit('openCategoryFilterModal')"
                                     >
-                                        Filter
+                                        {{ t('translations.pages.manager.online.topbar.filter') }}
                                     </button>
                                 </div>
                             </div>
@@ -57,12 +59,12 @@
                 />
                 <div class="in-mod-list" v-if="getPaginationSize() > 1">
                     <p class="notification margin-right">
-                        Use the numbers below to change page
+                        {{ t('translations.pages.manager.online.navigation.changePageInfo') }}
                     </p>
                 </div>
                 <div class="in-mod-list" v-else-if="getPaginationSize() === 0">
                     <p class="notification margin-right">
-                        {{thunderstoreModList.length ? "No mods matching search found": "No mods available"}}
+                        {{ t(`translations.pages.manager.online.navigation.${thunderstoreModList.length ? 'noFoundMods' : 'noMods'}`) }}
                     </p>
                 </div>
             </div>
@@ -97,8 +99,10 @@ import OnlinePreviewPanel from '../v2/OnlinePreviewPanel.vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import { computed, ref, watch, onMounted, defineAsyncComponent } from 'vue';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 const PAGE_SIZE = 40;
 
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index b699becec..bafc58aac 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -263,6 +263,19 @@ export type ManagerMessageFormat = {
             noDependencies: string;
             unableToFetchReadme: string;
             unableToFetchChangelog: string;
+        },
+        topbar: {
+            search: {
+                label: string;
+                placeholder: string;
+            },
+            sort: string;
+            filter: string;
+        },
+        pagination: {
+            changePageInfo: string;
+            noFoundMods: string;
+            noMods: string;
         }
     },
     actions: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 72c71f419..656f1aa04 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -283,6 +283,19 @@ export const ManagerTranslation: ManagerMessageFormat = {
             noDependencies: 'This mod has no dependencies',
             unableToFetchReadme: 'Unable to fetch README',
             unableToFetchChangelog: 'Unable to fetch CHANGELOG',
+        },
+        topbar: {
+            search: {
+                label: 'Search',
+                placeholder: 'Search',
+            },
+            sort: 'Sort',
+            filter: 'Filter',
+        },
+        pagination: {
+            changePageInfo: 'Use the numbers below to change page',
+            noFoundMods: 'No mods matching search found',
+            noMods: 'No mods available',
         }
     },
     actions: {

From 90216b165f529d939176c552f6956c4762868176 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Tue, 12 Aug 2025 12:49:02 +0100
Subject: [PATCH 40/59] Added i18n support for OnlineModList

- Additionally fixed issues with OnlineModListWithPanel and OnlineModView
---
 src/components/views/OnlineModList.vue        | 49 ++++++++++++++-----
 .../views/OnlineModListWithPanel.vue          | 10 ++--
 src/components/views/OnlineModView.vue        |  4 +-
 src/i18n/base/pages/ManagerMessageFormat.ts   | 21 ++++++++
 src/i18n/en/pages/ManagerTranslation.ts       | 21 ++++++++
 5 files changed, 87 insertions(+), 18 deletions(-)

diff --git a/src/components/views/OnlineModList.vue b/src/components/views/OnlineModList.vue
index 4d55f5826..f2a992553 100644
--- a/src/components/views/OnlineModList.vue
+++ b/src/components/views/OnlineModList.vue
@@ -8,35 +8,52 @@
             <template v-slot:title>
                 <span v-if="key.isPinned()">
                     <span class="tag is-info margin-right margin-right--half-width"
-                          v-tooltip.right="'Pinned on Thunderstore'">
-                        Pinned
+                          v-tooltip.right="t('translations.pages.manager.online.modList.tooltips.pinned.long')">
+                        {{ t('translations.pages.manager.online.modList.tooltips.pinned.short') }}
                     </span>
-                    <span class="selectable">{{key.getName()}} <span class="card-byline">by {{key.getOwner()}}</span></span>
+                    <span class="selectable">{{key.getName()}} <span class="card-byline">{{ t('translations.pages.manager.online.modList.mod.author', { author: key.getOwner() }) }}</span></span>
                 </span>
                 <span v-else-if="isModDeprecated(key)">
                     <span class="tag is-danger margin-right margin-right--half-width"
-                          v-tooltip.right="'This mod is potentially broken'">
-                        Deprecated
+                          v-tooltip.right="t('translations.pages.manager.online.modList.tooltips.deprecated.long')">
+                        {{ t('translations.pages.manager.online.modList.tooltips.deprecated.short') }}
                     </span>
-                    <strike class="selectable">{{key.getName()}} <span class="card-byline">by {{key.getOwner()}}</span></strike>
+                    <strike class="selectable">{{key.getName()}} <span class="card-byline">{{ t('translations.pages.manager.online.modList.mod.author', { author: key.getOwner() }) }}</span></strike>
                 </span>
                 <span v-else class='selectable'>
-                    {{key.getName()}} <span class="card-byline">by {{key.getOwner()}}</span>
+                    {{key.getName()}} <span class="card-byline">{{ t('translations.pages.manager.online.modList.mod.author', { author: key.getOwner() }) }}</span>
                 </span>
             </template>
             <template v-slot:other-icons>
                 <DonateIconButton :mod="key" :extraRenderCondition="!readOnly"/>
                 <span class='card-header-icon' v-if="isThunderstoreModInstalled(key) && !readOnly">
-                    <i class='fas fa-check' v-tooltip.left="'Mod already installed'"></i>
+                    <i class='fas fa-check' v-tooltip.left="t('translations.pages.manager.online.modList.tooltips.installed')"></i>
                 </span>
             </template>
             <template v-slot:description>
-                <p class='card-timestamp'><strong>Last updated:</strong> {{getReadableDate(key.getDateUpdated())}}</p>
-                <p class='card-timestamp'><strong>Categories:</strong> {{getReadableCategories(key)}}</p>
+                <p class='card-timestamp'>
+                  <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.lastUpdated">
+                    <template v-slot:date>
+                        <span class="font-weight-normal">
+                            {{ d(key.getDateUpdated(), 'long', messages[locale].metadata.locale) }}
+                        </span>
+                    </template>
+                  </i18n-t>
+                </p>
+                <p class='card-timestamp'>
+                  <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.categories">
+                    <template v-slot:categories>
+                      <span class="font-weight-normal">{{ getReadableCategories(key) }}</span>
+                    </template>
+                  </i18n-t>
+                </p>
             </template>
-            <a class='card-footer-item' v-if="!readOnly" @click='showDownloadModal(key)'>Download</a>
+            <a class='card-footer-item' v-if="!readOnly" @click='showDownloadModal(key)'>
+              {{ t('translations.pages.manager.online.modList.actions.download') }}
+            </a>
             <ExternalLink :url="key.getPackageUrl()" class='card-footer-item'>
-                Website <i class="fas fa-external-link-alt margin-left margin-left--half-width"></i>
+              {{ t('translations.pages.manager.online.modList.actions.website') }}
+              <i class="fas fa-external-link-alt margin-left margin-left--half-width"></i>
             </ExternalLink>
             <template v-if="!readOnly">
                 <DonateButton :mod="key"/>
@@ -64,8 +81,10 @@ import { valueToReadableDate } from '../../utils/DateUtils';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import { computed, onMounted, ref } from 'vue';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t, d, messages, locale } = useI18n();
 
 type OnlineModListProps = {
     pagedModList: ThunderstoreMod[];
@@ -111,3 +130,9 @@ onMounted(() => {
 });
 
 </script>
+
+<style lang="scss" scoped>
+.font-weight-normal {
+  font-weight: normal;
+}
+</style>
diff --git a/src/components/views/OnlineModListWithPanel.vue b/src/components/views/OnlineModListWithPanel.vue
index 919a4340b..a70616bb7 100644
--- a/src/components/views/OnlineModListWithPanel.vue
+++ b/src/components/views/OnlineModListWithPanel.vue
@@ -16,18 +16,18 @@
             </template>
             <template v-slot:other-icons>
                 <span class='card-header-icon' v-if="isModDeprecated(key)">
-                    <i class='fas fa-exclamation-triangle' v-tooltip.left="'This mod is potentially broken'"></i>
+                    <i class='fas fa-exclamation-triangle' v-tooltip.left="t('translations.pages.manager.online.modList.tooltips.deprecated.long')"></i>
                 </span>
                 <span class='card-header-icon' v-if="key.isPinned() && !readOnly">
-                    <i class='fas fa-map-pin' v-tooltip.left="'Pinned on Thunderstore'"></i>
+                    <i class='fas fa-map-pin' v-tooltip.left="t('translations.pages.manager.online.modList.tooltips.pinned.long')"></i>
                 </span>
                 <span class='card-header-icon' v-if="key.getDonationLink() && !readOnly">
                     <ExternalLink :url="key.getDonationLink()" target="external" tag="span">
-                        <i class='fas fa-heart' v-tooltip.left="'Donate to the mod author'"></i>
+                        <i class='fas fa-heart' v-tooltip.left="t('translations.pages.manager.online.modList.tooltips.donate')"></i>
                     </ExternalLink>
                 </span>
                 <span class='card-header-icon' v-if="isThunderstoreModInstalled(key) && !readOnly">
-                    <i class='fas fa-check' v-tooltip.left="'Mod already installed'"></i>
+                    <i class='fas fa-check' v-tooltip.left="t('translations.pages.manager.online.modList.tooltips.installed')"></i>
                 </span>
             </template>
         </OnlineRowCard>
@@ -43,8 +43,10 @@ import OnlineRowCard from '../OnlineRowCard.vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import { computed } from 'vue';
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
+const { t } = useI18n();
 
 type OnlineModListWithPanelProps = {
     pagedModList?: ThunderstoreMod[];
diff --git a/src/components/views/OnlineModView.vue b/src/components/views/OnlineModView.vue
index babea326d..7c3b78d67 100644
--- a/src/components/views/OnlineModView.vue
+++ b/src/components/views/OnlineModView.vue
@@ -59,12 +59,12 @@
                 />
                 <div class="in-mod-list" v-if="getPaginationSize() > 1">
                     <p class="notification margin-right">
-                        {{ t('translations.pages.manager.online.navigation.changePageInfo') }}
+                        {{ t('translations.pages.manager.online.pagination.changePageInfo') }}
                     </p>
                 </div>
                 <div class="in-mod-list" v-else-if="getPaginationSize() === 0">
                     <p class="notification margin-right">
-                        {{ t(`translations.pages.manager.online.navigation.${thunderstoreModList.length ? 'noFoundMods' : 'noMods'}`) }}
+                        {{ t(`translations.pages.manager.online.pagination.${thunderstoreModList.length ? 'noFoundMods' : 'noMods'}`) }}
                     </p>
                 </div>
             </div>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index bafc58aac..674cd1848 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -276,6 +276,27 @@ export type ManagerMessageFormat = {
             changePageInfo: string;
             noFoundMods: string;
             noMods: string;
+        },
+        modList: {
+            tooltips: {
+                pinned: {
+                    short: string;
+                    long: string;
+                },
+                deprecated: {
+                    short: string;
+                    long: string;
+                },
+                donate: string;
+                installed: string;
+            },
+            mod: {
+                author: string;
+            },
+            actions: {
+                download: string;
+                website: string;
+            }
         }
     },
     actions: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 656f1aa04..7affc61e9 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -296,6 +296,27 @@ export const ManagerTranslation: ManagerMessageFormat = {
             changePageInfo: 'Use the numbers below to change page',
             noFoundMods: 'No mods matching search found',
             noMods: 'No mods available',
+        },
+        modList: {
+            tooltips: {
+                pinned: {
+                    short: 'Pinned',
+                    long: 'Pinned on Thunderstore'
+                },
+                deprecated: {
+                    short: 'Deprecated',
+                    long: 'This mod is potentially broken'
+                },
+                donate: 'Donate to the mod author',
+                installed: 'Mod already installed',
+            },
+            mod: {
+                author: 'By {author}'
+            },
+            actions: {
+                download: 'Download',
+                website: 'Website',
+            }
         }
     },
     actions: {

From def1500094fc6dee2bf01416dff8b8dbf0f7775b Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Tue, 12 Aug 2025 16:21:15 +0100
Subject: [PATCH 41/59] Added French translations for online view

---
 .../views/LocalModList/SearchAndSort.vue      |   6 +-
 src/i18n/fr/enums/EnumTranslation.ts          |  32 ++
 src/i18n/fr/index.ts                          |   4 +-
 src/i18n/fr/pages/ManagerTranslation.ts       | 293 ++++++++++++++++++
 4 files changed, 331 insertions(+), 4 deletions(-)
 create mode 100644 src/i18n/fr/enums/EnumTranslation.ts

diff --git a/src/components/views/LocalModList/SearchAndSort.vue b/src/components/views/LocalModList/SearchAndSort.vue
index 20de151c2..354f7e946 100644
--- a/src/components/views/LocalModList/SearchAndSort.vue
+++ b/src/components/views/LocalModList/SearchAndSort.vue
@@ -81,7 +81,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         v-model="order"
                         id="local-sort-order"
                         class="select select--content-spacing margin-right margin-right--half-width">
-                        <option v-for="(option) in orderOptions" :key="`order-option-${option}`">
+                        <option v-for="(option) in orderOptions" :key="`order-option-${option}`" :value="option">
                             {{ t(`translations.enums.sortNaming.${EnumResolver.from(SortNaming, option)}`) }}
                         </option>
                     </select>
@@ -89,7 +89,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         v-model="direction"
                         id="local-sort-direction"
                         class="select select--content-spacing">
-                        <option v-for="(option) in directionOptions" :key="`direction-option-${option}`">
+                        <option v-for="(option) in directionOptions" :key="`direction-option-${option}`" :value="option">
                             {{ t(`translations.enums.sortDirection.${EnumResolver.from(SortDirection, option)}`) }}
                         </option>
                     </select>
@@ -103,7 +103,7 @@ const disabledOptions = computed(() => Object.values(SortLocalDisabledMods));
                         v-model="disabledPosition"
                         id="local-deprecated-position"
                         class="select select--content-spacing">
-                        <option v-for="(option) in disabledOptions" :key="`disabled-option-${option}`">
+                        <option v-for="(option) in disabledOptions" :key="`disabled-option-${option}`" :value="option">
                             {{ t(`translations.enums.sortLocalDisabledMods.${EnumResolver.from(SortLocalDisabledMods, option)}`) }}
                         </option>
                     </select>
diff --git a/src/i18n/fr/enums/EnumTranslation.ts b/src/i18n/fr/enums/EnumTranslation.ts
new file mode 100644
index 000000000..61410700c
--- /dev/null
+++ b/src/i18n/fr/enums/EnumTranslation.ts
@@ -0,0 +1,32 @@
+import {EnumMessageFormat} from "../../base/enums/EnumMessageFormat";
+
+export const EnumTranslation: EnumMessageFormat = {
+    sortNaming: {
+        CUSTOM: 'Personnalisé',
+        MOD_NAME: 'Nom du mod',
+        AUTHOR: 'Nom de l\'auteur',
+        INSTALL_DATE: 'Date d\'installation',
+    },
+    sortDirection: {
+        STANDARD: 'Standard',
+        REVERSE: 'Inversé',
+    },
+    sortLocalDisabledMods: {
+        NONE: 'Aucun',
+        CUSTOM: 'Personnalisé',
+        FIRST: 'En premier',
+        LAST: 'En dernier',
+    },
+    sortingStyle: {
+        DEFAULT: 'Par défaut',
+        LAST_UPDATED: 'Dernière mise à jour',
+        ALPHABETICAL: 'Alphabétique',
+        DOWNLOADS: 'Nombre de téléchargements',
+        RATING: 'Évaluation',
+    },
+    launchType: {
+        AUTO: 'Auto',
+        NATIVE: 'Natif',
+        PROTON: 'Proton',
+    }
+}
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 2e9858731..5cddc9411 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -4,6 +4,7 @@ import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import {ManagerTranslation} from './pages/ManagerTranslation';
 import { DateTimeFormat } from 'src/i18n';
+import { EnumTranslation } from './enums/EnumTranslation';
 
 const message = {
     metadata: {
@@ -17,7 +18,8 @@ const message = {
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
         },
-        platforms: PlatformTranslation
+        platforms: PlatformTranslation,
+        enums: EnumTranslation
     }
 };
 
diff --git a/src/i18n/fr/pages/ManagerTranslation.ts b/src/i18n/fr/pages/ManagerTranslation.ts
index 686a1ec2b..352f73d17 100644
--- a/src/i18n/fr/pages/ManagerTranslation.ts
+++ b/src/i18n/fr/pages/ManagerTranslation.ts
@@ -26,4 +26,297 @@ export const ManagerTranslation: ManagerMessageFormat = {
             gameIconAltText: 'Image du jeu'
         },
     },
+    installed: {
+        noModsInstalled: {
+            title: 'On dirait que vous n\'avez aucun mod d\'installé',
+            content: 'Vous pouvez cliquer sur l\'onglet En ligne à gauche pour parcourir tous les mods disponibles.',
+        },
+        updatableModsBanner: {
+            text: `
+            Vous avez {numberOfModsWithUpdates} mod avec une mise à jour disponible. |
+            Vous avez {numberOfModsWithUpdates} mods avec des mises à jour disponibles.
+            `,
+            updateAction: 'Tout mettre à jour ?'
+        },
+        searchAndSort: {
+            search: {
+                label: 'Rechercher',
+                placeholder: 'Rechercher un mod installé',
+            },
+            sort: {
+                label: 'Trier',
+                disabledPositions: {
+                    label: 'Désactivés',
+                }
+            }
+        },
+        localModCard: {
+            labels: {
+                deprecated: 'Obsolète',
+                disabled: 'Désactivé'
+            },
+            display: {
+                byline: 'v{version} par {author}',
+                installedAt: 'Installé le : {formattedDate}',
+            },
+            tooltips: {
+                updateAvailable: 'Une mise à jour est disponible',
+                dependencyIssue: 'Il y a un problème de dépendance avec ce mod',
+                disable: 'Désactiver',
+                enable: 'Activer',
+                donate: 'Faire un don à l\'auteur du mod',
+            },
+            actions: {
+                uninstall: 'Désinstaller',
+                disable: 'Désactiver',
+                enable: 'Activer',
+                associated: 'Associé',
+                openWebsite: 'Site web',
+                update: 'Mettre à jour',
+                downloadDependency: 'Télécharger la dépendance',
+                enableSpecific: 'Activer {dependencyName}',
+                donate: 'Faire un don',
+            }
+        },
+        expandableCard: {
+            imageAltText: 'Image du mod',
+            funkyModeAltText: 'Superposition du mode funky',
+            tooltips: {
+                dragToReorder: 'Faire glisser pour réorganise',
+                expand: 'Développer',
+                collapse: 'Réduire',
+            }
+        },
+    },
+    modals: {
+        failedToSetSteamFolder: {
+            title: 'Échec de la configuration du dossier Steam',
+            steamExecutableNotSelected: 'L\'exécutable Steam n\'a pas été sélectionné.',
+            solution: 'Si cette erreur apparaît alors que l\'exécutable est correct, veuillez exécuter en tant qu\'administrateur.'
+        },
+        failedToSetTheGameFolder: {
+            title: 'Échec du changement de dossier {gameName}',
+            listedExecutableNames: 'L\'exécutable doit être l\'un des suivants : "{options}".',
+            solution: 'Si cette erreur apparaît alors que l\'exécutable est correct, veuillez exécuter en tant qu\'administrateur.'
+        },
+        clearingGameDirectory: {
+            title: 'Nettoyage du répertoire d\'installation de {gameName}',
+            waitToLaunchGame: 'Vous ne pourrez pas lancer le jeu tant que Steam n\'aura pas vérifié l\'intégrité des fichiers du jeu.',
+            steamWillBeStarted: 'Steam va démarrer et tenter de vérifier l\'intégrité de {gameName}.',
+            checkSteamForProgress: `
+            Veuillez vérifier la fenêtre de Steam pour l'avancement de la validation.
+            Si la fenêtre n'est pas encore apparue, veuillez patienter.
+            `,
+            confirmation: 'Je comprends'
+        },
+        dependencyStrings: {
+            title: 'Liste des identifiants de dépendance',
+            dependency: '{modName}-{versionNumber}',
+            close: 'Fermer'
+        },
+        launchArguments: {
+            title: 'Définir des arguments de lancement personnalisés',
+            someProvidedByDefault: 'Certains arguments sont fournis par défaut :',
+            moddedLabel: 'Moddé :',
+            availableAfterInstallingLoader: 'Ces arguments seront disponibles après l\'installation d\'un chargeur de mods.',
+            vanillaLabel: 'Base :',
+            pleaseNote: `
+                Veuillez noter que ceux-ci sont appelés via l'exécutable Steam.
+                Soyez prudent en saisissant des arguments de lancement personnalisés.
+                `,
+            placeholder: 'Saisissez les arguments',
+            updateArguments: 'Mettre à jour',
+        },
+        categorySelector: {
+            selectCategory: 'Sélectionnez une catégorie',
+            noCategoriesSelected: 'Aucune catégorie sélectionnée',
+        },
+        importLocalMod: {
+            title: 'Importer un mod depuis un fichier',
+            actions: {
+                selectFile: 'Sélectionner un fichier',
+                importLocalMod: 'Importer un mod local',
+            },
+            content: {
+                instructToSelect: 'Veuillez sélectionner un fichier zip ou DLL à importer.',
+                dataEntryInfo: `
+                Les fichiers zip qui contiennent un fichier manifeste verront certaines informations pré-remplies.
+                Si un manifeste n'est pas disponible, celles-ci devront être saisies manuellement.
+                `,
+                waitingForSelection: 'En attente de la sélection d\'un fichier. Cela peut prendre une minute.',
+                form: {
+                    modName: {
+                        label: 'Nom du mod',
+                        placeholder: 'Saisissez le nom du mod',
+                    },
+                    modAuthor: {
+                        label: 'Auteur',
+                        placeholder: 'Saisissez le nom de l\'auteur',
+                    },
+                    description: {
+                        label: 'Description (facultatif)',
+                        placeholder: 'Saisissez une description'
+                    },
+                    version: {
+                        label: 'Version',
+                        majorLabel: 'Majeure',
+                        minorLabel: 'Mineure',
+                        patchLabel: 'Correctif'
+                    }
+                }
+            },
+            validationMessages: {
+                modNameEmpty: 'Le nom du mod ne doit pas être vide.',
+                authorNameEmpty: 'L\'auteur du mod ne doit pas être vide.',
+                invalidVersion: 'Majeur, mineur et correctif doivent être des nombres entiers supérieurs à 0.',
+                nonNumericVersion: 'Majeur, mineur et correctif doivent tous être des nombres.',
+                noProfileSelected: 'Le profil n\'est pas sélectionné.'
+            }
+        },
+        codeExport: {
+            title: 'Profil exporté',
+            description: 'Votre code a été copié dans votre presse-papiers, mais peut également être copié manuellement ci-dessous :',
+            done: 'Terminé',
+        },
+        downloadProgress: {
+            states: {
+                downloading: 'Téléchargement de {modName}',
+                installing: 'Installation de {modName}',
+            },
+            downloadProgress: 'Téléchargement : {progress}% terminé',
+            installProgress: 'Installation : {progress}% terminée',
+            waitingForDownload: 'Installation : en attente de la fin du téléchargement',
+        },
+        downloadModVersionSelect: {
+            title: 'Sélectionnez une version de {modName} à télécharger',
+            content: {
+                recommendedDisclaimer: 'Il est recommandé de sélectionner la dernière version de tous les mods.',
+                outdatedModsAdvice: 'L\'utilisation de versions obsolètes peut causer des problèmes.',
+            },
+            tags: {
+                select: 'Vous devez sélectionner une version',
+                recommended: '{version} est la version recommandée',
+                latest: '{version} est la dernière version',
+                outdated: '{version} n\'est pas à jour'
+            },
+            download: 'Télécharger avec les dépendances',
+        },
+        updateAllInstalledMods: {
+            noModsToUpdate: {
+                title: 'Aucun mod à mettre à jour',
+                content: 'Soit tous les mods installés sont à jour soit il n\'y a aucun mod d\'installé.',
+                close: 'Fermer',
+            },
+            hasModsToUpdate: {
+                title: 'Mettre à jour tous les mods installés',
+                content: {
+                    willBeUpdated: 'Tous les mods installés seront mis à jour vers leurs dernières versions.',
+                    missingDependenciesInstalled: 'Toutes les dépendances manquantes seront installées.',
+                    whatWillHappen: 'Les mods suivants seront téléchargés et installés :',
+                    modUpdatedTo: '{modName} sera mis à jour vers : {version}',
+                },
+                updateAll: 'Tout mettre à jour',
+            }
+        },
+        launchType: {
+            title: 'Définir le comportement de lancement',
+            auto: {
+                NATIVE: 'Votre jeu sera démarré avec l\'option "Natif"',
+                PROTON: 'Votre jeu sera démarré avec l\'option "Proton"',
+            },
+            native: {
+                unsureWrapperArgsPresent: 'Nous n\'avons pas pu déterminer si les arguments de wrapper requis ont été définis.',
+                addArgumentsInfo: 'Si vous ne l\'avez pas encore fait manuellement, veuillez ajouter les arguments de lancement suivants dans les propriétés du jeu sur Steam :',
+            },
+            actions: {
+                copyLaunchArgs: 'Copier les arguments',
+                update: 'Mettre à jour'
+            }
+        }
+    },
+    online: {
+        modals: {
+            modFilter: {
+                title: 'Filtrer les catégories de mods',
+                languageDisclaimer: 'Les catégories sont fournies par Thunderstore et ne peuvent pas être traduites.',
+                selectors: {
+                    atLeastOneCategory: 'Les mods doivent contenir au moins une de ces catégories',
+                    allCategories: 'Les mods doivent contenir toutes ces catégories',
+                    noneCategories: 'Les mods ne peuvent pas contenir ces catégories'
+                },
+                allowNsfw: 'Autoriser les mods NSFW (potentiellement explicites)',
+                showDeprecated: 'Afficher les mods obsolètes',
+                apply: 'Appliquer les filtres'
+            },
+            sort: {
+                title: 'Modifier l\'ordre des mods',
+                sortBehaviour: 'Comportement de tri',
+                sortDirection: 'Sens du tri',
+                close: 'Fermer'
+            },
+        },
+        previewPanel: {
+            author: 'Par {author}',
+            metadata: {
+                downloads: 'Téléchargements : {downloads}',
+                likes: 'Appréciations : {likes}',
+                lastUpdated: 'Dernière mise à jour : {date}',
+                categories: 'Catégories : {categories}',
+            },
+            actions: {
+                download: 'Télécharger',
+                viewOnline: 'Voir en ligne',
+                donate: 'Faire un don',
+            },
+            tabs: {
+                readme: 'README',
+                changelog: 'CHANGELOG',
+                dependencies: 'Dépendances ({dependencyCount})',
+            },
+            fetchingData: 'Récupération des données',
+            noDependencies: 'Ce mod n\'a pas de dépendances',
+            unableToFetchReadme: 'Impossible de récupérer le README',
+            unableToFetchChangelog: 'Impossible de récupérer le CHANGELOG',
+        },
+        topbar: {
+            search: {
+                label: 'Rechercher',
+                placeholder: 'Rechercher',
+            },
+            sort: 'Trier',
+            filter: 'Filtrer',
+        },
+        pagination: {
+            changePageInfo: 'Utilisez les nombres ci-dessous pour changer de page',
+            noFoundMods: 'Aucun mod correspondant à la recherche trouvé',
+            noMods: 'Aucun mod disponible',
+        },
+        modList: {
+            tooltips: {
+                pinned: {
+                    short: 'Épinglé',
+                    long: 'Épinglé sur Thunderstore'
+                },
+                deprecated: {
+                    short: 'Obsolète',
+                    long: 'Ce mod est potentiellement cassé'
+                },
+                donate: 'Faire un don à l\'auteur du mod',
+                installed: 'Mod déjà installé',
+            },
+            mod: {
+                author: 'Par {author}'
+            },
+            actions: {
+                download: 'Télécharger',
+                website: 'Site web',
+            }
+        }
+    },
+    actions: {
+        locateGameExecutable: "Localiser l'exécutable de {gameName}",
+        selectExecutable: "Sélectionner l'exécutable",
+        locateGameLaunchHelper: "Localiser l'exécutable de gamelaunchhelper",
+        locateSteamExecutable: "Localiser l'exécutable de Steam"
+    }
 }

From 9e12e774e0783eb5db2b4095bce718688e285db2 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 27 Aug 2025 14:53:46 +0100
Subject: [PATCH 42/59] Fixed issue after rebase in LaunchTypeModal and
 improved "Par" capitalization in French

---
 src/components/modals/launch-type/LaunchTypeModal.vue | 1 +
 src/components/views/DownloadProgressModal.vue        | 4 ++--
 src/i18n/en/pages/ManagerTranslation.ts               | 4 ++--
 src/i18n/fr/pages/ManagerTranslation.ts               | 8 ++++----
 4 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/components/modals/launch-type/LaunchTypeModal.vue b/src/components/modals/launch-type/LaunchTypeModal.vue
index 4c7f4d7f2..1107cdb7d 100644
--- a/src/components/modals/launch-type/LaunchTypeModal.vue
+++ b/src/components/modals/launch-type/LaunchTypeModal.vue
@@ -10,6 +10,7 @@ import {areWrapperArgumentsProvided, getDeterminedLaunchType, getWrapperLaunchAr
 import CopyToClipboardButton from "../../buttons/CopyToClipboardButton.vue";
 import ManagerSettings from "../../../r2mm/manager/ManagerSettings";
 import { useI18n } from 'vue-i18n';
+import EnumResolver from '../../../model/enums/_EnumResolver';
 
 const store = getStore<State>();
 const { t } = useI18n();
diff --git a/src/components/views/DownloadProgressModal.vue b/src/components/views/DownloadProgressModal.vue
index 11a94cf5a..676bd689b 100644
--- a/src/components/views/DownloadProgressModal.vue
+++ b/src/components/views/DownloadProgressModal.vue
@@ -34,14 +34,14 @@ function closeModal() {
                         {{ t('translations.pages.manager.modals.downloadProgress.states.installing', { modName: store.getters['download/currentDownload'].modName }) }}
                     </h3>
 
-
                     <p v-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.DOWNLOADING">
                         <i class="fas fa-download"/>
-                        {{ t('translations.pages.manager.modals.downloadProgress.downloadProgress', { progress: store.getters['download/currentDownload'].downloadProgress, FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize) }) }}
+                        {{ t('translations.pages.manager.modals.downloadProgress.downloadProgress', { progress: store.getters['download/currentDownload'].downloadProgress, totalSize: FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize) }) }}
                     </p>
 
                     <p v-else-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTING || store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTED">
                         <i class="fas fa-box-open"/>
+                        // TODO - i18n/manager-view
                         Extracting: {{store.getters['download/currentDownload'].downloadProgress}}% of
                         {{FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize)}}
                     </p>
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 7affc61e9..eaf86b9af 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -189,8 +189,8 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 downloading: 'Downloading {modName}',
                 installing: 'Installing {modName}',
             },
-            downloadProgress: 'Downloading: {progress}% complete',
-            installProgress: 'Installing: {progress}% complete',
+            downloadProgress: 'Downloading: {progress}% of {totalSize}',
+            installProgress: 'Installing: {progress}%',
             waitingForDownload: 'Installing: waiting for download to finish',
         },
         downloadModVersionSelect: {
diff --git a/src/i18n/fr/pages/ManagerTranslation.ts b/src/i18n/fr/pages/ManagerTranslation.ts
index 352f73d17..0b5b11134 100644
--- a/src/i18n/fr/pages/ManagerTranslation.ts
+++ b/src/i18n/fr/pages/ManagerTranslation.ts
@@ -183,9 +183,9 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 downloading: 'Téléchargement de {modName}',
                 installing: 'Installation de {modName}',
             },
-            downloadProgress: 'Téléchargement : {progress}% terminé',
-            installProgress: 'Installation : {progress}% terminée',
-            waitingForDownload: 'Installation : en attente de la fin du téléchargement',
+            downloadProgress: 'Téléchargement en cours : {progress}% sur {totalSize}',
+            installProgress: 'Installation en cours : {progress}% terminée',
+            waitingForDownload: 'Installation en cours : en attente de la fin du téléchargement',
         },
         downloadModVersionSelect: {
             title: 'Sélectionnez une version de {modName} à télécharger',
@@ -305,7 +305,7 @@ export const ManagerTranslation: ManagerMessageFormat = {
                 installed: 'Mod déjà installé',
             },
             mod: {
-                author: 'Par {author}'
+                author: 'par {author}'
             },
             actions: {
                 download: 'Télécharger',

From 5c6f0cde9aac7e57b1e36e9f6a0c5adef3aa03b1 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 12 Sep 2025 15:32:10 +0100
Subject: [PATCH 43/59] Fixed imports and duplicate text after rebase

---
 src/components/v2/OnlinePreviewPanel.vue       | 6 +++---
 src/components/views/DownloadProgressModal.vue | 4 +---
 src/i18n/base/pages/ManagerMessageFormat.ts    | 1 +
 src/i18n/en/pages/ManagerTranslation.ts        | 1 +
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/v2/OnlinePreviewPanel.vue b/src/components/v2/OnlinePreviewPanel.vue
index 710f0cd7e..e40e93f3b 100644
--- a/src/components/v2/OnlinePreviewPanel.vue
+++ b/src/components/v2/OnlinePreviewPanel.vue
@@ -9,11 +9,11 @@ import { getCombosByDependencyStrings } from '../../r2mm/manager/PackageDexieSto
 import { ExternalLink } from '../all';
 import R2Error from '../../model/errors/R2Error';
 import { getFullDependencyList, InstallMode } from '../../utils/DependencyUtils';
-import debounce from 'lodash.debounce';
-import ManagerSettings from '../../r2mm/manager/ManagerSettings';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { transformPackageUrl } from '../../providers/cdn/PackageUrlTransformer';
 import {useI18n} from "vue-i18n";
+import ManagerSettings from '../../r2mm/manager/ManagerSettings';
+import debounce from 'lodash.debounce';
 
 const store = getStore<State>();
 const { t, d, messages, locale } = useI18n();
@@ -198,7 +198,7 @@ function dragEnd(event: DragEvent) {
                 <div class="margin-top margin-bottom">
                     <p class="description">{{ mod.getDescription() }}</p>
                 </div>
-                <p class='card-timestamp'><strong>Downloads:</strong>
+                <p class='card-timestamp'>
                     <i18n-t tag="strong" keypath="translations.pages.manager.online.previewPanel.metadata.downloads">
                         <template v-slot:downloads>
                             <span class="font-weight-normal">{{ mod.getDownloadCount() }}</span>
diff --git a/src/components/views/DownloadProgressModal.vue b/src/components/views/DownloadProgressModal.vue
index 676bd689b..54377ddcf 100644
--- a/src/components/views/DownloadProgressModal.vue
+++ b/src/components/views/DownloadProgressModal.vue
@@ -41,9 +41,7 @@ function closeModal() {
 
                     <p v-else-if="store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTING || store.getters['download/currentDownload'].status === DownloadStatusEnum.EXTRACTED">
                         <i class="fas fa-box-open"/>
-                        // TODO - i18n/manager-view
-                        Extracting: {{store.getters['download/currentDownload'].downloadProgress}}% of
-                        {{FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize)}}
+                        {{ t('translations.pages.manager.modals.downloadProgress.extractionProgress', { progress: store.getters['download/currentDownload'].downloadProgress, totalSize: FileUtils.humanReadableSize(store.getters['download/currentDownload'].totalDownloadSize) }) }}
                     </p>
 
                     <p v-else>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index 674cd1848..d055644f3 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -172,6 +172,7 @@ export type ManagerMessageFormat = {
             downloadProgress: string;
             installProgress: string;
             waitingForDownload: string;
+            extractionProgress: string;
         },
         downloadModVersionSelect: {
             title: string;
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index eaf86b9af..327d70bbe 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -191,6 +191,7 @@ export const ManagerTranslation: ManagerMessageFormat = {
             },
             downloadProgress: 'Downloading: {progress}% of {totalSize}',
             installProgress: 'Installing: {progress}%',
+            extractionProgress: 'Extracting: {progress}% of {totalSize}',
             waitingForDownload: 'Installing: waiting for download to finish',
         },
         downloadModVersionSelect: {

From 8015c92df907ec8658c93de753dfffb48f9fe6e1 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 13 Aug 2025 14:35:49 +0100
Subject: [PATCH 44/59] Added i18n support for Help.vue

---
 src/i18n/base/pages/HelpMessageFormat.ts |  69 +++++++++++
 src/i18n/en/index.ts                     |   2 +
 src/i18n/en/pages/HelpTranslation.ts     |  83 +++++++++++++
 src/i18n/index.ts                        |   2 +
 src/pages/Help.vue                       | 145 ++++++++++++++---------
 5 files changed, 243 insertions(+), 58 deletions(-)
 create mode 100644 src/i18n/base/pages/HelpMessageFormat.ts
 create mode 100644 src/i18n/en/pages/HelpTranslation.ts

diff --git a/src/i18n/base/pages/HelpMessageFormat.ts b/src/i18n/base/pages/HelpMessageFormat.ts
new file mode 100644
index 000000000..759e22215
--- /dev/null
+++ b/src/i18n/base/pages/HelpMessageFormat.ts
@@ -0,0 +1,69 @@
+export type HelpMessageFormat = {
+    tabs: {
+        general: string;
+        gameWontStart: string;
+        modsNotShowing: string;
+        updating: string;
+    },
+    general: {
+        gettingStarted: {
+            title: string;
+            whereToFindMods: string;
+            onceInstalled: string;
+        },
+        slowGame: {
+            title: string;
+            likelyCause: string;
+            issuePersisting: string;
+            ifStutters: string;
+        },
+        dedicatedServers: {
+            title: string;
+            content: string;
+        },
+        launchingExternally: {
+            title: string;
+            howTo: string;
+            whereToPlace: string;
+            forSteam: string;
+            yourCurrentArgument: string;
+            loaderNotInstalled: string;
+            copyArguments: string;
+        },
+    },
+    gameWontStart: {
+        errorModal: {
+            title: string;
+            solution: string;
+        },
+        redirectedToStorePage: {
+            title: string;
+            solution: string;
+        },
+        consoleCloses: {
+            title: string;
+            tryRunning: string;
+            ifPersists: string;
+        }
+    },
+    modsNotShowing: {
+        potentialSolutions: {
+            title: string;
+            instructToWiki: string;
+            goToWiki: string;
+        }
+    },
+    updating: {
+        autoUpdates: {
+            title: string;
+            whenDoesItUpdate: string;
+            downloadedInBackground: string;
+            promptToRunOldInstaller: string;
+            ifProblemOccurs: string;
+        },
+        ignoreUpdates: {
+            title: string;
+            content: string;
+        }
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 1244f8499..29ee550f5 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -8,6 +8,7 @@ import {PlatformTranslation} from "./platforms/PlatformTranslation";
 import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import { ManagerTranslation } from './pages/ManagerTranslation';
 import {EnumTranslation} from "./enums/EnumTranslation";
+import {HelpTranslation} from './pages/HelpTranslation';
 
 const message: MessageFormat = {
     metadata: {
@@ -20,6 +21,7 @@ const message: MessageFormat = {
             splash: SplashTranslation,
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
+            help: HelpTranslation
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation,
diff --git a/src/i18n/en/pages/HelpTranslation.ts b/src/i18n/en/pages/HelpTranslation.ts
new file mode 100644
index 000000000..e8eb65c27
--- /dev/null
+++ b/src/i18n/en/pages/HelpTranslation.ts
@@ -0,0 +1,83 @@
+import { HelpMessageFormat } from '../../base/pages/HelpMessageFormat';
+
+export const HelpTranslation: HelpMessageFormat = {
+    tabs: {
+        general: 'General',
+        gameWontStart: 'Game not starting',
+        modsNotShowing: 'Mods not appearing',
+        updating: 'Updating',
+    },
+    general: {
+        gettingStarted: {
+            title: 'Get started by installing mods',
+            whereToFindMods: `
+            Go to the "Online" tab, find a mod, and hit download.
+            It'll also download the dependencies saving you time.
+            `,
+            onceInstalled: 'Once you\'ve installed the mods you\'d like to use, just click {startModdedAction} in the top left.',
+        },
+        slowGame: {
+            title: 'Slow game with mods / stuttering?',
+            likelyCause: `
+            This is likely due to a mod throwing errors.
+            One solution is to attempt to disable half of your mods and check to see if the issue persists.
+            `,
+            issuePersisting: `
+            If the issue still remains then disable another half.
+            Continue doing this until the issue is solved.
+            `,
+            ifStutters: 'In the case of stuttering there may be optimization mods that can help with this.',
+        },
+        dedicatedServers: {
+            title: 'Dedicated servers',
+            content: `
+            Dedicated servers aren't directly supported through the manager however a solution is to instead
+            copy the contents of your profile folder into your dedicated server folder.
+            `,
+        },
+        launchingExternally: {
+            title: 'Launching the game from outside the mod manager',
+            howTo: 'By design your experience by starting the game through Steam will be vanilla (un-modded).',
+            whereToPlace: 'You will need to place the corresponding argument in your platform\'s relevant launch parameter area.',
+            forSteam: 'For Steam, this would be located in the game\'s properties.',
+            yourCurrentArgument: 'Your current argument would be:',
+            loaderNotInstalled: 'These parameters will be available once a mod loader has been installed.',
+            copyArguments: 'Copy launch arguments',
+        },
+    },
+    gameWontStart: {
+        errorModal: {
+            title: 'A red box appears when I try to start the game',
+            solution: 'There is usually a suggestion at the bottom of the red box. It may resolve the issue.',
+        },
+        redirectedToStorePage: {
+            title: 'I\'m taken to the Steam store page',
+            solution: 'You must have a legal copy of the game when using {appName}. You can purchase it from the store page.',
+        },
+        consoleCloses: {
+            title: 'A text window appears and closes immediately',
+            tryRunning: 'Try running "Reset {gameName} installation" on the Settings screen.', // TODO - Reference translation via Settings screen
+            ifPersists: 'If it persists, force exit Steam and start modded with Steam closed.',
+        }
+    },
+    modsNotShowing: {
+        potentialSolutions: {
+            title: 'Potential solutions',
+            instructToWiki: 'The most common issues are solved by following the instructions exactly as listed on the wiki.',
+            goToWiki: 'Go to the wiki',
+        }
+    },
+    updating: {
+        autoUpdates: {
+            title: 'Automatic updates',
+            whenDoesItUpdate: 'The manager updates automatically on close assuming an update is available.',
+            downloadedInBackground: 'Updates are downloaded in the background.',
+            promptToRunOldInstaller: 'You may receive a prompt to run "{oldInstaller}" as an admin. This is the updater.',
+            ifProblemOccurs: 'If a problem occurs with an update, download and run the latest installer.',
+        },
+        ignoreUpdates: {
+            title: 'I don\'t want updates',
+            content: 'On GitHub there is a portable version that doesn\'t auto update. You are however prompted that an update is available.'
+        }
+    }
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 04b41e0e4..278a287bf 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -6,6 +6,7 @@ import { SplashMessageFormat } from './base/pages/SplashMessageFormat';
 import { ProfileSelectionMessageFormat } from './base/pages/ProfileSelectionMessageFormat';
 import { ManagerMessageFormat } from './base/pages/ManagerMessageFormat';
 import {EnumMessageFormat} from "./base/enums/EnumMessageFormat";
+import { HelpMessageFormat } from './base/pages/HelpMessageFormat';
 
 export default {
     'en': langEn,
@@ -31,6 +32,7 @@ export type MessageFormat = {
             splash: SplashMessageFormat,
             profileSelection: ProfileSelectionMessageFormat,
             manager: ManagerMessageFormat,
+            help: HelpMessageFormat,
         },
         platforms: PlatformMessageFormat;
         enums: EnumMessageFormat;
diff --git a/src/pages/Help.vue b/src/pages/Help.vue
index 8a91cab74..ef580ae57 100644
--- a/src/pages/Help.vue
+++ b/src/pages/Help.vue
@@ -7,93 +7,118 @@
                 <li v-for="(key, index) in tabs" :key="`tab-${key}`"
                     :class="[{'is-active': activeTab === key}]"
                     @click="changeTab(key)">
-                    <a>{{key}}</a>
+                    <a>{{ t(`translations.pages.help.tabs.${key}`) }}</a>
                 </li>
             </ul>
         </div>
         <div class="margin-right">
             <br/>
-            <div ref="General" v-if="activeTab === 'General'">
-                <h2 class="title is-5">Getting started with installing mods</h2>
+            <div ref="general" v-if="activeTab === 'general'">
+                <h2 class="title is-5">
+                    {{ t('translations.pages.help.general.gettingStarted.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.general.gettingStarted.whereToFindMods') }}</p>
+                <i18n-t tag="p" keypath="translations.pages.help.general.gettingStarted.onceInstalled">
+                    <template v-slot:startModdedAction>
+                        <strong>{{ t('translations.pages.manager.navigation.gameActions.startModded') }}</strong>
+                    </template>
+                </i18n-t>
+                <hr/>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.general.slowGame.title') }}
+                </h2>
                 <p>
-                    Go to the "Online" tab, find a mod, and hit download.
-                    It'll also download the dependencies saving you time.
+                    {{ t('translations.pages.help.general.slowGame.likelyCause') }}
                 </p>
-                <p>Once you've installed the mods you'd like, just click <strong>Start modded</strong> in the top left.</p>
-                <hr/>
-                <h2 class='title is-5'>Slow game with mods / stuttering?</h2>
                 <p>
-                    This is likely due to a mod throwing errors.
-                    One solution is to attempt to disable half of your mods and check to see if the issue persists.
-                    <br/>
-                    If the issue still remains then disable another half. Continue doing this until the issue is
-                    solved.
-                    <br/><br/>
-                    In the case of stuttering there may be optimization mods to help with this.
+                    {{ t('translations.pages.help.general.slowGame.issuePersisting') }}
+                </p>
+                <p class="margin-top">
+                    {{ t('translations.pages.help.general.slowGame.ifStutters') }}
                 </p>
                 <hr/>
-                <h2 class='title is-5'>Dedicated servers</h2>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.general.dedicatedServers.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.general.dedicatedServers.content') }}</p>
+                <hr/>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.general.launchingExternally.title') }}
+                </h2>
                 <p>
-                    Dedicated servers aren't directly supported through the manager however a solution is to instead
-                    copy the contents of your profile folder into your dedicated server folder yourself.
+                    {{ t('translations.pages.help.general.launchingExternally.howTo') }}
+                </p>
+                <p class="margin-top">
+                    {{ t('translations.pages.help.general.launchingExternally.whereToPlace') }}
                 </p>
-                <hr/>
-                <h2 class='title is-5'>Launching the game from outside the mod manager</h2>
                 <p>
-                    By design your experience by starting the game through Steam will be vanilla (un-modded).
-                    <br/><br/>
-                    You will need to place the corresponding argument in your platform's relevant launch parameter area.
-                    <br/>
-                    For Steam, this would be located in the game's properties.
-                    <br/><br/>
-                    Your current argument would be:
+                    {{ t('translations.pages.help.general.launchingExternally.forSteam') }}
+                </p>
+                <p class="margin-top">
+                    {{ t('translations.pages.help.general.launchingExternally.yourCurrentArgument') }}
                     <code v-if="launchArgs.length > 0">{{ launchArgs }}</code>
-                    <code v-else>These parameters will be available after installing BepInEx.</code>
+                    <code v-else>{{ t('translations.pages.help.general.launchingExternally.loaderNotInstalled') }}</code>
                     <br/>
                 </p>
-                <br/>
                 <template v-if="doorstopTarget.length > 0">
                     <p>
                         <button class="button" @click="copyLaunchArgsToClipboard" v-if="!copyingDoorstopText">
                             <i class="fas fa-clipboard"></i>
-                            <span class="margin-left--half-width smaller-font">Copy launch arguments</span>
+                            <span class="margin-left--half-width smaller-font">
+                                {{ t('translations.pages.help.general.launchingExternally.copyArguments') }}
+                            </span>
+                        </button>
+                        <button class="button is-loading" v-else>
+                            {{ t('translations.pages.help.general.launchingExternally.copyArguments') }}
                         </button>
-                        <button class="button is-loading" v-else>Copy launch arguments</button>
                     </p>
-                    <br/>
                 </template>
             </div>
-            <div ref="Game won't start" v-if="activeTab === `Game won't start`">
-                <h2 class='title is-5'>A red box appears when I try to start the game</h2>
-                <p>Read the suggestion at the bottom of the red box.</p>
+            <div ref="gameWontStart" v-if="activeTab === 'gameWontStart'">
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.gameWontStart.errorModal.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.gameWontStart.errorModal.solution') }}</p>
                 <hr/>
-                <h2 class='title is-5'>I'm taken to the Steam store page</h2>
-                <p>That's because you don't legally own the game. The manager only supports legal copies.</p>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.gameWontStart.redirectedToStorePage.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.gameWontStart.redirectedToStorePage.solution', { appName: appName }) }}</p>
                 <hr/>
-                <h2 class='title is-5'>A text window appears and closes immediately.</h2>
-                <p>Try running "Reset {{store.state.activeGame.displayName}} installation" on the Settings screen.</p>
-                <p>If it persists, force exit Steam and start modded with Steam closed.</p>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.gameWontStart.consoleCloses.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.gameWontStart.consoleCloses.tryRunning') }}</p>
+                <p>{{ t('translations.pages.help.gameWontStart.consoleCloses.ifPersists') }}</p>
             </div>
-            <div ref="Mods not appearing" v-if="activeTab === 'Mods not appearing'">
-                <h2 class='title is-5'>Potential solutions</h2>
-                <p>The most common issues are solved by following the instructions exactly as listed
+            <div ref="modsNotShowing" v-if="activeTab === 'modsNotShowing'">
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.modsNotShowing.potentialSolutions.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.modsNotShowing.potentialSolutions.instructToWiki') }}</p>
+                <p class="margin-top">
                     <ExternalLink url="https://github.com/ebkr/r2modmanPlus/wiki/Why-aren't-my-mods-working%3F">
-                        here
+                        {{ t('translations.pages.help.modsNotShowing.potentialSolutions.goToWiki') }}
                     </ExternalLink>
                 </p>
             </div>
-            <div ref="Updating" v-if="activeTab === 'Updating'">
-                <h2 class='title is-5'>Auto-updates</h2>
-                <p>The manager updates automatically on close assuming an update is available.</p>
-                <p>Updates are downloaded in the background.</p>
-                <p>You may receive a prompt to run <i>old_uninstaller</i> as an admin. This is the updater.</p>
-                <p>If a problem occurs with an update, download and run the latest installer.</p>
+            <div ref="updating" v-if="activeTab === 'updating'">
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.updating.autoUpdates.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.updating.autoUpdates.whenDoesItUpdate') }}</p>
+                <p>{{ t('translations.pages.help.updating.autoUpdates.downloadedInBackground') }}</p>
+                <i18n-t tag="p" keypath="translations.pages.help.updating.autoUpdates.promptToRunOldInstaller" class="margin-top">
+                    <template v-slot:oldInstaller>
+                        <i>old_uninstaller</i>
+                    </template>
+                </i18n-t>
+                <p class="margin-top">{{ t('translations.pages.help.updating.autoUpdates.ifProblemOccurs') }}</p>
                 <hr/>
-                <h2 class='title is-5'>I don't want updates</h2>
-                <p>
-                    On GitHub there is a portable version that doesn't auto update. You are however prompted that an
-                    update is available.
-                </p>
+                <h2 class='title is-5'>
+                    {{ t('translations.pages.help.updating.ignoreUpdates.title') }}
+                </h2>
+                <p>{{ t('translations.pages.help.updating.ignoreUpdates.content') }}</p>
             </div>
         </div>
     </div>
@@ -104,20 +129,24 @@ import {ExternalLink, Hero} from '../components/all';
 import GameRunnerProvider from '../providers/generic/game/GameRunnerProvider';
 import R2Error from '../model/errors/R2Error';
 import InteractionProvider from '../providers/ror2/system/InteractionProvider';
-import {onMounted, ref, watchEffect} from 'vue';
+import {onMounted, ref, watchEffect, computed} from 'vue';
 import {getStore} from '../providers/generic/store/StoreProvider';
 import {State} from '../store';
 import {getDeterminedLaunchType} from "../utils/LaunchUtils";
 import {ComputedWrapperLaunchArguments} from "../components/computed/WrapperArguments";
 import {getLaunchType, LaunchType} from "../model/real_enums/launch/LaunchType";
+import { useI18n } from 'vue-i18n';
+import ManagerInformation from '../_managerinf/ManagerInformation';
 
 const store = getStore<State>();
+const { t } = useI18n();
 
-const activeTab = ref('General');
-const tabs = ref(['General', 'Game won\'t start', 'Mods not appearing', 'Updating']);
+const activeTab = ref('general');
+const tabs = ref(['general', 'gameWontStart', 'modsNotShowing', 'updating']);
 const doorstopTarget = ref("");
 const copyingDoorstopText = ref(false);
 const launchArgs = ref("");
+const appName = computed(() => ManagerInformation.APP_NAME);
 
 watchEffect(async () => {
     const loaderArgs = doorstopTarget.value;

From 0267e2aaa02f02cee4d6c15a2bf71b57ff060a6c Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 13 Aug 2025 15:16:43 +0100
Subject: [PATCH 45/59] Added French translation for Help.vue

---
 src/i18n/fr/index.ts                 |  2 +
 src/i18n/fr/pages/HelpTranslation.ts | 83 ++++++++++++++++++++++++++++
 2 files changed, 85 insertions(+)
 create mode 100644 src/i18n/fr/pages/HelpTranslation.ts

diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 5cddc9411..9825862fd 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -5,6 +5,7 @@ import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import {ManagerTranslation} from './pages/ManagerTranslation';
 import { DateTimeFormat } from 'src/i18n';
 import { EnumTranslation } from './enums/EnumTranslation';
+import { HelpTranslation } from './pages/HelpTranslation';
 
 const message = {
     metadata: {
@@ -17,6 +18,7 @@ const message = {
             splash: SplashTranslation,
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
+            help: HelpTranslation,
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation
diff --git a/src/i18n/fr/pages/HelpTranslation.ts b/src/i18n/fr/pages/HelpTranslation.ts
new file mode 100644
index 000000000..4068714cf
--- /dev/null
+++ b/src/i18n/fr/pages/HelpTranslation.ts
@@ -0,0 +1,83 @@
+import { HelpMessageFormat } from '../../base/pages/HelpMessageFormat';
+
+export const HelpTranslation: HelpMessageFormat = {
+    tabs: {
+        general: 'Général',
+        gameWontStart: 'Le jeu ne démarre pas',
+        modsNotShowing: 'Les mods n\'apparaissent pas',
+        updating: 'Mises à jour',
+    },
+    general: {
+        gettingStarted: {
+            title: 'Commencez par installer des mods',
+            whereToFindMods: `
+            Rendez-vous dans l'onglet "En ligne", trouvez un mod et cliquez sur télécharger.
+            Il téléchargera également les dépendances, ce qui vous fera gagner du temps.
+            `,
+            onceInstalled: 'Une fois que vous avez installé les mods que vous souhaitez utiliser, cliquez simplement sur {startModdedAction} en haut à gauche.',
+        },
+        slowGame: {
+            title: 'Jeu lent avec des mods / saccades ?',
+            likelyCause: `
+            Cela est probablement dû à un mod qui génère des erreurs.
+            Une solution consiste à désactiver la moitié de vos mods et à vérifier si le problème persiste.
+            `,
+            issuePersisting: `
+            Si le problème persiste, désactivez une autre moitié.
+            Continuez ainsi jusqu'à ce que le problème soit résolu.
+            `,
+            ifStutters: 'En cas de saccades, il peut y avoir des mods d\'optimisation qui peuvent vous aider.',
+        },
+        dedicatedServers: {
+            title: 'Serveurs dédiés',
+            content: `
+            Les serveurs dédiés ne sont pas directement pris en charge par le gestionnaire.
+            Cependant, une solution consiste à copier le contenu de votre dossier de profil dans votre dossier de serveur dédié.
+            `,
+        },
+        launchingExternally: {
+            title: 'Lancer le jeu depuis l\'extérieur du gestionnaire de mods',
+            howTo: 'Par conception, votre expérience en démarrant le jeu via Steam sera vanilla (non-moddée / base).',
+            whereToPlace: 'Vous devrez placer l\'argument correspondant dans l\'emplacement des paramètres de lancement pertinents de votre plateforme.',
+            forSteam: 'Pour Steam, cela se trouve dans les propriétés du jeu.',
+            yourCurrentArgument: 'Votre argument actuel serait :',
+            loaderNotInstalled: 'Ces paramètres seront disponibles une fois qu\'un chargeur de mods aura été installé.',
+            copyArguments: 'Copier les arguments',
+        },
+    },
+    gameWontStart: {
+        errorModal: {
+            title: 'Une boîte rouge apparaît lorsque j\'essaie de démarrer le jeu',
+            solution: 'Il y a généralement une suggestion au bas de la boîte rouge. Cela peut résoudre le problème.',
+        },
+        redirectedToStorePage: {
+            title: 'Je suis redirigé vers la page du magasin Steam',
+            solution: 'Vous devez posséder une copie légale du jeu pour utiliser {appName}. Vous pouvez l\'acheter depuis la page du magasin.',
+        },
+        consoleCloses: {
+            title: 'Une fenêtre de texte apparaît et se ferme immédiatement',
+            tryRunning: 'Essayez d\'exécuter "Réinitialiser l\'installation de {gameName}" dans l\'écran Paramètres.',
+            ifPersists: 'Si cela persiste, forcez la fermeture de Steam et démarrez le jeu moddé avec Steam fermé.',
+        }
+    },
+    modsNotShowing: {
+        potentialSolutions: {
+            title: 'Solutions potentielles',
+            instructToWiki: 'Les problèmes les plus courants sont résolus en suivant les instructions listées sur le wiki.',
+            goToWiki: 'Aller au wiki',
+        }
+    },
+    updating: {
+        autoUpdates: {
+            title: 'Mises à jour automatiques',
+            whenDoesItUpdate: 'Le gestionnaire se met à jour automatiquement à la fermeture si une mise à jour est disponible.',
+            downloadedInBackground: 'Les mises à jour sont téléchargées en arrière-plan.',
+            promptToRunOldInstaller: 'Il se peut que vous receviez une invite pour exécuter "{oldInstaller}" en tant qu\'administrateur. Il s\'agit du programme de mise à jour.',
+            ifProblemOccurs: 'Si un problème survient lors d\'une mise à jour, téléchargez et exécutez le dernier programme d\'installation.',
+        },
+        ignoreUpdates: {
+            title: 'Je ne veux pas de mises à jour',
+            content: 'Sur GitHub, il existe une version portable qui ne se met pas à jour automatiquement. Vous êtes cependant averti qu\'une mise à jour est disponible.'
+        }
+    }
+}

From 6cf6a9e03b2338756eba2ff5c46afd1c25dd8e40 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 13 Aug 2025 15:27:05 +0100
Subject: [PATCH 46/59] Added missing Hero translations

---
 src/i18n/base/pages/HelpMessageFormat.ts | 4 ++++
 src/i18n/en/pages/HelpTranslation.ts     | 6 +++++-
 src/i18n/fr/pages/HelpTranslation.ts     | 6 +++++-
 src/pages/Help.vue                       | 2 +-
 4 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/i18n/base/pages/HelpMessageFormat.ts b/src/i18n/base/pages/HelpMessageFormat.ts
index 759e22215..6b4b8139e 100644
--- a/src/i18n/base/pages/HelpMessageFormat.ts
+++ b/src/i18n/base/pages/HelpMessageFormat.ts
@@ -1,4 +1,8 @@
 export type HelpMessageFormat = {
+    hero: {
+        title: string;
+        subtitle: string;
+    },
     tabs: {
         general: string;
         gameWontStart: string;
diff --git a/src/i18n/en/pages/HelpTranslation.ts b/src/i18n/en/pages/HelpTranslation.ts
index e8eb65c27..ed7ea158b 100644
--- a/src/i18n/en/pages/HelpTranslation.ts
+++ b/src/i18n/en/pages/HelpTranslation.ts
@@ -1,6 +1,10 @@
 import { HelpMessageFormat } from '../../base/pages/HelpMessageFormat';
 
 export const HelpTranslation: HelpMessageFormat = {
+    hero: {
+        title: 'Help',
+        subtitle: 'Common problems and their potential solutions'
+    },
     tabs: {
         general: 'General',
         gameWontStart: 'Game not starting',
@@ -11,7 +15,7 @@ export const HelpTranslation: HelpMessageFormat = {
         gettingStarted: {
             title: 'Get started by installing mods',
             whereToFindMods: `
-            Go to the "Online" tab, find a mod, and hit download.
+            Go to the "{''}@:translations.pages.manager.navigation.modsActions.online{''}" tab, find a mod, and hit download.
             It'll also download the dependencies saving you time.
             `,
             onceInstalled: 'Once you\'ve installed the mods you\'d like to use, just click {startModdedAction} in the top left.',
diff --git a/src/i18n/fr/pages/HelpTranslation.ts b/src/i18n/fr/pages/HelpTranslation.ts
index 4068714cf..375deeb91 100644
--- a/src/i18n/fr/pages/HelpTranslation.ts
+++ b/src/i18n/fr/pages/HelpTranslation.ts
@@ -1,6 +1,10 @@
 import { HelpMessageFormat } from '../../base/pages/HelpMessageFormat';
 
 export const HelpTranslation: HelpMessageFormat = {
+    hero: {
+        title: 'Aide',
+        subtitle: 'Problèmes courants et leurs solutions potentielles'
+    },
     tabs: {
         general: 'Général',
         gameWontStart: 'Le jeu ne démarre pas',
@@ -11,7 +15,7 @@ export const HelpTranslation: HelpMessageFormat = {
         gettingStarted: {
             title: 'Commencez par installer des mods',
             whereToFindMods: `
-            Rendez-vous dans l'onglet "En ligne", trouvez un mod et cliquez sur télécharger.
+            Rendez-vous dans l'onglet "{''}@:translations.pages.manager.navigation.modsActions.online{''}", trouvez un mod et cliquez sur télécharger.
             Il téléchargera également les dépendances, ce qui vous fera gagner du temps.
             `,
             onceInstalled: 'Une fois que vous avez installé les mods que vous souhaitez utiliser, cliquez simplement sur {startModdedAction} en haut à gauche.',
diff --git a/src/pages/Help.vue b/src/pages/Help.vue
index ef580ae57..6646e2515 100644
--- a/src/pages/Help.vue
+++ b/src/pages/Help.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="help-view">
-        <Hero title="Help" subtitle="Common problems and their potential solutions" hero-type="primary"/>
+        <Hero :title="t('translations.pages.help.hero.title')" :subtitle="t('translations.pages.help.hero.subtitle')" hero-type="primary"/>
         <div
             class="tabs sticky-top sticky-top--opaque sticky-top--no-shadow sticky-top--no-padding has-background-">
             <ul>

From b706bfd115788d6cbd15e376b2bf61e065989054 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Wed, 27 Aug 2025 15:03:28 +0100
Subject: [PATCH 47/59] Fixed issue after rebase in Help.vue

---
 src/pages/Help.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/Help.vue b/src/pages/Help.vue
index 6646e2515..9229dbabc 100644
--- a/src/pages/Help.vue
+++ b/src/pages/Help.vue
@@ -61,7 +61,7 @@
                     <br/>
                 </p>
                 <template v-if="doorstopTarget.length > 0">
-                    <p>
+                    <p class="margin-top">
                         <button class="button" @click="copyLaunchArgsToClipboard" v-if="!copyingDoorstopText">
                             <i class="fas fa-clipboard"></i>
                             <span class="margin-left--half-width smaller-font">
@@ -151,7 +151,7 @@ const appName = computed(() => ManagerInformation.APP_NAME);
 watchEffect(async () => {
     const loaderArgs = doorstopTarget.value;
     const prerequisiteText = ComputedWrapperLaunchArguments.value;
-    if (process.platform === 'win32') {
+    if (window.app.getPlatform() === 'win32') {
         launchArgs.value = loaderArgs;
         return;
     }

From e7cbdf731c198efb48e8a1cf587b6f38003f2519 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Thu, 14 Aug 2025 11:41:28 +0100
Subject: [PATCH 48/59] WIP: Adding i18n support for SettingsView

- Added location and debugging section translations
---
 .../settings-components/SettingsView.vue      | 96 +++++++++----------
 src/i18n/base/pages/SettingsMessageFormat.ts  |  3 +
 src/i18n/en/index.ts                          |  4 +-
 src/i18n/en/pages/SettingsTranslation.ts      | 72 ++++++++++++++
 src/i18n/index.ts                             |  1 +
 src/store/modules/TsModsModule.ts             | 10 +-
 6 files changed, 131 insertions(+), 55 deletions(-)
 create mode 100644 src/i18n/base/pages/SettingsMessageFormat.ts
 create mode 100644 src/i18n/en/pages/SettingsTranslation.ts

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 50fa4674c..773229273 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -13,19 +13,17 @@ import ProfileModList from '../../r2mm/mods/ProfileModList';
 import { Platform } from '../../model/schema/ThunderstoreSchema';
 import moment from 'moment';
 import CdnProvider from '../../providers/generic/connection/CdnProvider';
-import { computed, getCurrentInstance, onMounted, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
-import VueRouter from 'vue-router';
+import {useRouter} from 'vue-router';
 import {getLaunchType, LaunchType} from "../../model/real_enums/launch/LaunchType";
 import {LaunchTypeModalOpen} from "../../components/modals/launch-type/LaunchTypeRefs";
+import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
-let router!: VueRouter;
-
-onMounted(() => {
-    router = getCurrentInstance()!.proxy.$router;
-})
+let router = useRouter();
+const { t } = useI18n();
 
 const activeTab = ref<string>('All');
 const tabs = ref<string[]>(['All', 'Profile', 'Locations', 'Debugging', 'Modpacks', 'Other']);
@@ -41,9 +39,9 @@ const appName = computed(() => ManagerInformation.APP_NAME);
 
 let settingsList = [
     new SettingsRow(
-        'Locations',
-        'Browse data folder',
-        'Open the folder where mods are stored for all games and profiles.',
+        'locations',
+        t('translations.pages.settings.locations.browseDataFolder.title'),
+        t('translations.pages.settings.locations.browseDataFolder.description'),
         async () => PathResolver.ROOT,
         'fa-door-open',
         () => {
@@ -51,9 +49,9 @@ let settingsList = [
         }
     ),
     new SettingsRow(
-        'Locations',
-        `Change ${activeGame.value.displayName} folder`,
-        `Change the location of the ${activeGame.value.displayName} folder that ${appName.value} uses.`,
+        'locations',
+        t('translations.pages.settings.locations.changeGameFolder.title', { gameName: activeGame.value.displayName }),
+        t('translations.pages.settings.locations.changeGameFolder.description', { gameName: activeGame.value.displayName, appName: appName.value }),
         async () => {
             if (settings.value.getContext().gameSpecific.gameDirectory !== null) {
                 const directory = await GameDirectoryResolverProvider.instance.getDirectory(activeGame.value);
@@ -61,7 +59,7 @@ let settingsList = [
                     return directory;
                 }
             }
-            return 'Please set manually';
+            return t('translations.pages.settings.locations.changeGameFolder.setManually');
         },
         'fa-folder-open',
         () => {
@@ -74,9 +72,9 @@ let settingsList = [
         }
     ),
     new SettingsRow(
-        'Locations',
-        'Browse profile folder',
-        'Open the folder where mods are stored for the current profile.',
+        'locations',
+        t('translations.pages.settings.locations.browseProfileFolder.title'),
+        t('translations.pages.settings.locations.browseProfileFolder.description'),
         async () => {
             return store.getters['profile/activeProfile'].getProfilePath();
         },
@@ -84,9 +82,9 @@ let settingsList = [
         () => emitInvoke('BrowseProfileFolder')
     ),
     new SettingsRow(
-        'Locations',
-        'Change data folder',
-        'Change the folder where mods are stored for all games and profiles. The folder will not be deleted, and existing profiles will not carry across.',
+        'locations',
+        t('translations.pages.settings.locations.changeDataFolder.title'),
+        t('translations.pages.settings.locations.changeDataFolder.description'),
         async () => {
             return PathResolver.ROOT;
         },
@@ -94,10 +92,10 @@ let settingsList = [
         () => emitInvoke('ChangeDataFolder')
     ),
     new SettingsRow(
-        'Debugging',
-        'Copy log file contents to clipboard',
-        'Copy the text inside the LogOutput.log file to the clipboard, with Discord formatting.',
-        async () => logOutput.value.exists ? 'Log file exists' : 'Log file does not exist',
+        'debugging',
+        t('translations.pages.settings.debugging.copyLogFile.title'),
+        t('translations.pages.settings.debugging.copyLogFile.description'),
+        async () =>  t(`translations.pages.settings.debugging.copyLogFile.${logOutput.value.exists ? 'logFileExists' : 'logFileDoesNotExist'}`),
         'fa-clipboard',
         () => {
             if (logOutput.value.exists) {
@@ -106,54 +104,54 @@ let settingsList = [
         }
     ),
     new SettingsRow(
-        'Debugging',
-        'Copy troubleshooting information to clipboard',
-        'Copy settings and other information to the clipboard, with Discord formatting.',
-        async () => 'Share this information when requesting support on Discord.',
+        'debugging',
+        t('translations.pages.settings.debugging.copyTroubleshootingInfo.title'),
+        t('translations.pages.settings.debugging.copyTroubleshootingInfo.description'),
+        async () => t('translations.pages.settings.debugging.copyTroubleshootingInfo.value'),
         'fa-clipboard',
         () => emitInvoke('CopyTroubleshootingInfoToClipboard')
     ),
     new SettingsRow(
-        'Debugging',
-        'Toggle download cache',
-        'Downloading a mod will ignore mods stored in the cache. Mods will still be placed in the cache.',
+        'debugging',
+        t('translations.pages.settings.debugging.toggleDownloadCache.title'),
+        t('translations.pages.settings.debugging.toggleDownloadCache.description'),
         async () => {
             return store.state.download.ignoreCache
-                ? 'Current: cache is disabled'
-                : 'Current: cache is enabled (recommended)';
+                ? t('translations.pages.settings.debugging.toggleDownloadCache.enabled')
+                : t('translations.pages.settings.debugging.toggleDownloadCache.disabled');
         },
         'fa-exchange-alt',
         () => emitInvoke('ToggleDownloadCache')
     ),
     new SettingsRow(
-        'Debugging',
-        'Set launch parameters',
-        'Provide custom arguments used to start the game.',
-        async () => 'These commands are used against the Steam executable on game startup',
+        'debugging',
+        t('translations.pages.settings.debugging.setLaunchArguments.title'),
+        t('translations.pages.settings.debugging.setLaunchArguments.description'),
+        async () => t('translations.pages.settings.debugging.setLaunchArguments.value'),
         'fa-wrench',
         () => emitInvoke('SetLaunchParameters')
     ),
     new SettingsRow(
-        'Debugging',
-        'Clean mod cache',
-        'Free extra space caused by cached mods that are not currently in a profile.',
-        async () => 'Check all profiles for unused mods and clear cache',
+        'debugging',
+        t('translations.pages.settings.debugging.cleanModCache.title'),
+        t('translations.pages.settings.debugging.cleanModCache.description'),
+        async () => t('translations.pages.settings.debugging.cleanModCache.value'),
         'fa-trash',
         () => emitInvoke('CleanCache')
     ),
     new SettingsRow(
-        'Debugging',
-        'Clean online mod list',
-        'Deletes local copy of mod list, forcing the next refresh to fetch a new one.',
-        async () => store.dispatch('tsMods/getActiveGameCacheStatus'),
+        'debugging',
+        t('translations.pages.settings.debugging.cleanOnlineModList.title'),
+        t('translations.pages.settings.debugging.cleanOnlineModList.description'),
+        async () => store.dispatch('tsMods/getActiveGameCacheStatus').then(status => t(`translations.pages.settings.debugging.cleanOnlineModList.states.${status}`, { gameName: activeGame.value.displayName})),
         'fa-trash',
         () => store.dispatch('tsMods/resetActiveGameCache')
     ),
     new SettingsRow(
-        'Debugging',
-        'Toggle preferred Thunderstore CDN',
-        'Switch the CDN until app is restarted. This might bypass issues with downloading mods.',
-        async () => `Current: ${CdnProvider.current.label} (${CdnProvider.current.url})`,
+        'debugging',
+        t('translations.pages.settings.debugging.toggleThunderstoreCdn.title'),
+        t('translations.pages.settings.debugging.toggleThunderstoreCdn.description'),
+        async () => t('translations.pages.settings.debugging.toggleThunderstoreCdn.current', { label: CdnProvider.current.label, url: CdnProvider.current.url }),
         'fa-exchange-alt',
         CdnProvider.togglePreferredCdn
     ),
diff --git a/src/i18n/base/pages/SettingsMessageFormat.ts b/src/i18n/base/pages/SettingsMessageFormat.ts
new file mode 100644
index 000000000..18845b5de
--- /dev/null
+++ b/src/i18n/base/pages/SettingsMessageFormat.ts
@@ -0,0 +1,3 @@
+export type SettingsMessageFormat = {
+
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 29ee550f5..04484e775 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -9,6 +9,7 @@ import {ProfileSelectionTranslation} from "./pages/ProfileSelectionTranslation";
 import { ManagerTranslation } from './pages/ManagerTranslation';
 import {EnumTranslation} from "./enums/EnumTranslation";
 import {HelpTranslation} from './pages/HelpTranslation';
+import {SettingsTranslation} from "./pages/SettingsTranslation";
 
 const message: MessageFormat = {
     metadata: {
@@ -21,7 +22,8 @@ const message: MessageFormat = {
             splash: SplashTranslation,
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
-            help: HelpTranslation
+            help: HelpTranslation,
+            settings: SettingsTranslation,
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation,
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
new file mode 100644
index 000000000..d2baf4d23
--- /dev/null
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -0,0 +1,72 @@
+import {SettingsMessageFormat} from "../../base/pages/SettingsMessageFormat";
+
+export const SettingsTranslation: SettingsMessageFormat = {
+    groups: {
+        locations: 'Locations',
+        debugging: 'Debugging',
+    },
+    locations: {
+        browseDataFolder: {
+            title: 'Browse data folder',
+            description: 'Open the folder where mods are stored for all games and profiles.',
+        },
+        changeGameFolder: {
+            title: 'Change {gameName} folder',
+            description: 'Change the location of the {gameName} folder that {appName} uses.',
+            setManually: 'You must locate the game folder manually by clicking here'
+        },
+        browseProfileFolder: {
+            title: 'Browse profile folder',
+            description: 'Open the folder where mods are stored for the current profile.',
+        },
+        changeDataFolder: {
+            title: 'Change data folder',
+            description: 'Change the folder where mods are stored for all games and profiles. The folder will not be deleted, and existing profiles will not carry across.',
+        }
+    },
+    debugging: {
+        copyLogFile: {
+            title: 'Copy log file contents to clipboard',
+            description: 'Copy the text inside the LogOutput.log file to the clipboard, with Discord formatting.',
+            logFileExists: 'Log file exists',
+            logFileDoesNotExist: 'Log file does not exist',
+        },
+        copyTroubleshootingInfo: {
+            title: 'Copy troubleshooting information to clipboard',
+            description: 'Copy settings and other information to the clipboard, with Discord formatting.',
+            value: 'Share this information when requesting support on Discord.',
+        },
+        toggleDownloadCache: {
+            title: 'Toggle download cache',
+            description: 'Downloading a mod will ignore mods stored in the cache. Mods will still be placed in the cache.',
+            enabled: 'Current: cache is enabled (recommended)',
+            disabled: 'Current: cache is disabled',
+        },
+        setLaunchArguments: {
+            title: 'Set launch arguments',
+            description: 'Provide custom arguments used to start the game.',
+            value: 'These commands are used against the Steam executable on game startup'
+        },
+        cleanModCache: {
+            title: 'Clean mod cache',
+            description: 'Free extra space caused by cached mods that are not currently in a profile.',
+            value: 'Check all profiles for unused mods and clear cache',
+        },
+        cleanOnlineModList: {
+            title: 'Clean online mod list',
+            description: 'Deletes local copy of mod list, forcing the next refresh to fetch a new one.',
+            states: {
+                updating: 'Online mod list is currently updating, please wait for the operation to complete',
+                hasCopy: '{gameName} has a local copy of online mod list',
+                doesNotHaveCopy: '{gameName} has no local copy stored',
+                errorOccurred: 'Error occurred while checking mod list status',
+                unknown: 'Unknown status'
+            }
+        },
+        toggleThunderstoreCdn: {
+            title: 'Toggle preferred Thunderstore CDN',
+            description: 'Switch the CDN until app is restarted. This might bypass issues with downloading mods.',
+            current: 'Current: {label} ({url})'
+        }
+    }
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 278a287bf..5c93e7e56 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -33,6 +33,7 @@ export type MessageFormat = {
             profileSelection: ProfileSelectionMessageFormat,
             manager: ManagerMessageFormat,
             help: HelpMessageFormat,
+            // settings: SettingsMessageFormat,
         },
         platforms: PlatformMessageFormat;
         enums: EnumMessageFormat;
diff --git a/src/store/modules/TsModsModule.ts b/src/store/modules/TsModsModule.ts
index 2028d5653..91377ab72 100644
--- a/src/store/modules/TsModsModule.ts
+++ b/src/store/modules/TsModsModule.ts
@@ -345,7 +345,7 @@ export const TsModsModule = {
 
         async getActiveGameCacheStatus({commit, state, rootState}): Promise<string> {
             if (state.isThunderstoreModListUpdateInProgress) {
-                return "Online mod list is currently updating, please wait for the operation to complete";
+                return 'updating';
             }
 
             // Only check the status once, as this is used in the settings
@@ -354,17 +354,17 @@ export const TsModsModule = {
                 let status = '';
                 try {
                     status = (await PackageDb.hasEntries(rootState.activeGame.internalFolderName))
-                        ? `${rootState.activeGame.displayName} has a local copy of online mod list`
-                        : `${rootState.activeGame.displayName} has no local copy stored`;
+                        ? `hasCopy`
+                        : `doesNotHaveCopy`;
                 } catch (e) {
                     console.error(e);
-                    status = 'Error occurred while checking mod list status';
+                    status = 'errorOccurred';
                 }
 
                 commit('setActiveGameCacheStatus', status);
             }
 
-            return state.activeGameCacheStatus || 'Unknown status';
+            return state.activeGameCacheStatus || 'unknown';
         },
 
         async prewarmCache({rootGetters, commit}) {

From c645899e3d0a8b168a85b980553f9bd27df00cce Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 28 Aug 2025 12:23:18 +0100
Subject: [PATCH 49/59] Added 'profiles' English translations

---
 .../settings-components/SettingsView.vue      | 82 +++++++++++--------
 src/i18n/en/pages/SettingsTranslation.ts      | 49 +++++++++++
 2 files changed, 95 insertions(+), 36 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 773229273..0b35343e1 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -156,66 +156,76 @@ let settingsList = [
         CdnProvider.togglePreferredCdn
     ),
     new SettingsRow(
-        'Profile',
-        'Change profile',
-        'Change the mod profile.',
-        async () => {
-            return `Current profile: ${store.getters['profile/activeProfile'].getProfileName()}`
-        },
+        'profile',
+        t('translations.pages.settings.profile.changeProfile.title'),
+        t('translations.pages.settings.profile.changeProfile.description'),
+        async () => t('translations.pages.settings.profile.changeProfile.value', { profileName: store.getters['profile/activeProfile'].getProfileName() }),
         'fa-file-import',
         () => emitInvoke('ChangeProfile')
     ),
     new SettingsRow(
-        'Profile',
-        'Enable all mods',
-        'Enable all mods for the current profile',
-        async () => `${localModList.value.length - ProfileModList.getDisabledModCount(localModList.value)}/${localModList.value.length} enabled`,
+        'profile',
+        t('translations.pages.settings.profile.enableAllMods.title'),
+        t('translations.pages.settings.profile.enableAllMods.description'),
+        async () => t(
+            'translations.pages.settings.profile.enableAllMods.value',
+            localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
+            {
+                named: {
+                    enabledModCount: localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
+                    totalModCount: localModList.value.length
+                }
+            }
+        ),
         'fa-file-import',
         () => emitInvoke('EnableAll')
     ),
     new SettingsRow(
-        'Profile',
-        'Disable all mods',
-        'Disable all mods for the current profile',
-        async () => `${ProfileModList.getDisabledModCount(localModList.value)}/${localModList.value.length} disabled`,
+        'profile',
+        t('translations.pages.settings.profile.disableAllMods.title'),
+        t('translations.pages.settings.profile.disableAllMods.description'),
+        async () => t(
+            'translations.pages.settings.profile.disableAllMods.value',
+            ProfileModList.getDisabledModCount(localModList.value),
+            {
+                named: {
+                    disabledModCount: ProfileModList.getDisabledModCount(localModList.value),
+                    totalModCount: localModList.value.length
+                }
+            }
+        ),
         'fa-file-import',
         () => emitInvoke('DisableAll')
     ),
     new SettingsRow(
-        'Profile',
-        'Import local mod',
-        'Install a mod offline from your files.',
-        async () => 'Not all mods can be installed locally',
+        'profile',
+        t('translations.pages.settings.profile.importLocalMod.title'),
+        t('translations.pages.settings.profile.importLocalMod.description'),
+        async () => t('translations.pages.settings.profile.importLocalMod.value'),
         'fa-file-import',
         () => store.commit("openLocalFileImportModal")
     ),
     new SettingsRow(
-        'Profile',
-        'Export profile as a file',
-        'Export your mod list and configs as a file.',
-        async () => 'The exported file can be shared with friends to get an identical profile quickly and easily',
+        'profile',
+        t('translations.pages.settings.profile.exportProfileAsFile.title'),
+        t('translations.pages.settings.profile.exportProfileAsFile.description'),
+        async () => t('translations.pages.settings.profile.exportProfileAsFile.value'),
         'fa-file-export',
         () => store.dispatch("profileExport/exportProfileAsFile")
     ),
     new SettingsRow(
-        'Profile',
-        'Export profile as a code',
-        'Export your mod list and configs as a code.',
-        async () => 'The exported code can be shared with friends to get an identical profile quickly and easily',
+        'profile',
+        t('translations.pages.settings.profile.exportProfileAsCode.title'),
+        t('translations.pages.settings.profile.exportProfileAsCode.description'),
+        async () => t('translations.pages.settings.profile.exportProfileAsCode.value'),
         'fa-file-export',
         () => store.dispatch("profileExport/exportProfileAsCode")
     ),
     new SettingsRow(
-        'Profile',
-        'Update all mods',
-        'Quickly update every installed mod to their latest versions.',
-        async () => {
-            const outdatedMods = store.getters['profile/modsWithUpdates'];
-            if (outdatedMods.length === 1) {
-                return "1 mod has an update available";
-            }
-            return `${outdatedMods.length} mods have an update available`;
-        },
+        'profile',
+        t('translations.pages.settings.profile.updateAllMods.title'),
+        t('translations.pages.settings.profile.updateAllMods.description'),
+        async () => t('translations.pages.settings.profile.updateAllMods.value', store.getters['profile/modsWithUpdates'].length),
         'fa-cloud-upload-alt',
         () => emitInvoke('UpdateAllMods')
     ),
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index d2baf4d23..e1d924b94 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -68,5 +68,54 @@ export const SettingsTranslation: SettingsMessageFormat = {
             description: 'Switch the CDN until app is restarted. This might bypass issues with downloading mods.',
             current: 'Current: {label} ({url})'
         }
+    },
+    profile: {
+        changeProfile: {
+            title: 'Change profile',
+            description: 'Change the mod profile.',
+            value: 'Current profile: {profileName}',
+        },
+        enableAllMods: {
+            title: 'Enable all mods',
+            description: 'Enable all mods for the current profile.',
+            value: `
+            No mods are currently enabled. You have {totalModCount} mods |
+            1 mod is enabled out of {totalModCount} |
+            {enabledModCount} mods are enabled out of {totalModCount}
+            `
+        },
+        disableAllMods: {
+            title: 'Disable all mods',
+            description: 'Disable all mods for the current profile.',
+            value: `
+            No mods are currently disabled. You have {totalModCount} mods |
+            1 mod is disabled out of {totalModCount} |
+            {disabledModCount} mods are disabled out of {totalModCount}
+            `,
+        },
+        importLocalMod: {
+            title: 'Import a local mod',
+            description: `Install a mod that was not downloaded from the "{''}@:translations.pages.manager.navigation.modsActions.online{''}" tab.`,
+            value: 'The manager will attempt to install mods correctly. This is not guaranteed to install as expected.'
+        },
+        exportProfileAsFile: {
+            title: 'Export profile as a file',
+            description: 'Export your mod list and configs as a file.',
+            value: 'The exported file can be shared with friends to get an identical profile quickly and easily',
+        },
+        exportProfileAsCode: {
+            title: 'Export profile as a code',
+            description: 'Export your mod list and configs as a file.',
+            value: 'The exported code can be shared with friends to get an identical profile quickly and easily',
+        },
+        updateAllMods: {
+            title: 'Update all mods',
+            description: 'Quickly update every installed mod to their latest versions.',
+            value: `
+            There are no mods with an update available |
+            You have 1 mod with an update available |
+            You have {count} mods with an update available
+            `,
+        }
     }
 }

From 287498d11910ea97e812e46a0ca8758dff445973 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 28 Aug 2025 12:42:23 +0100
Subject: [PATCH 50/59] Added i18n support for conditional settings

---
 .../settings-components/SettingsView.vue      | 27 +++++++++----------
 src/i18n/en/pages/SettingsTranslation.ts      | 17 ++++++++++++
 2 files changed, 29 insertions(+), 15 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 0b35343e1..2f85571e8 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -324,9 +324,9 @@ onMounted(async () => {
     if ([Platform.STEAM, Platform.STEAM_DIRECT].includes(activeGame.value.activePlatform.storePlatform)) {
         settingsList.push(
             new SettingsRow(
-                'Locations',
-                'Change Steam folder',
-                `Change the location of the Steam folder that ${appName.value} uses.`,
+                'locations',
+                t('translations.pages.settings.locations.changeSteamFolder.title'),
+                t('translations.pages.settings.locations.changeSteamFolder.description', { appName: appName.value }),
                 async () => {
                     if (settings.value.getContext().global.steamDirectory !== null) {
                         const directory = await GameDirectoryResolverProvider.instance.getSteamDirectory();
@@ -334,16 +334,16 @@ onMounted(async () => {
                             return directory;
                         }
                     }
-                    return 'Please set manually';
+                    return t('translations.pages.settings.locations.changeSteamFolder.state.setManually');
                 },
                 'fa-folder-open',
                 () => emitInvoke('ChangeSteamDirectory')
             ),
             new SettingsRow(
-                'Debugging',
-                `Reset ${activeGame.value.displayName} installation`,
-                'Fix problems caused by corrupted files or files left over from manual modding attempts.',
-                async () => `This will delete all contents of the ${activeGame.value.steamFolderName} folder, and verify the files through Steam`,
+                'debugging',
+                t('translations.pages.settings.debugging.resetGameInstallation.title', { gameName: activeGame.value.displayName }),
+                t('translations.pages.settings.debugging.resetGameInstallation.description'),
+                async () => t('translations.pages.settings.debugging.resetGameInstallation.value', { folderName: activeGame.value.steamFolderName }),
                 'fa-wrench',
                 () => emitInvoke('ValidateSteamInstallation')
             )
@@ -353,13 +353,10 @@ onMounted(async () => {
     if (['linux', 'darwin'].includes(process.platform) && activeGame.value.activePlatform.storePlatform === Platform.STEAM) {
         settingsList.push(
             new SettingsRow(
-                'Debugging',
-                'Change launch behaviour',
-                'Select specific launch behaviour such as forcing Steam to launch with Proton',
-                async () => {
-                    const launchType = await getLaunchType(activeGame.value);
-                    return `The current launch behaviour is set to: ${launchType}`;
-                },
+                'debugging',
+                t('translations.pages.settings.debugging.changeLaunchBehaviour.title'),
+                t('translations.pages.settings.debugging.changeLaunchBehaviour.description'),
+                async () => t('translations.pages.settings.debugging.changeLaunchBehaviour.value', { launchType: await getLaunchType(activeGame.value) }),
                 'fa-gamepad',
                 () => {
                     LaunchTypeModalOpen.value = true;
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index e1d924b94..7c217151e 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -22,6 +22,13 @@ export const SettingsTranslation: SettingsMessageFormat = {
         changeDataFolder: {
             title: 'Change data folder',
             description: 'Change the folder where mods are stored for all games and profiles. The folder will not be deleted, and existing profiles will not carry across.',
+        },
+        changeSteamFolder: {
+            title: `Change {''}@:translations.platforms.STEAM{''} folder`,
+            description: `Change the location of the @:translations.platforms.STEAM folder that {appName} uses.`,
+            state: {
+                setManually: 'You must click this setting and locate the folder manually'
+            }
         }
     },
     debugging: {
@@ -67,6 +74,16 @@ export const SettingsTranslation: SettingsMessageFormat = {
             title: 'Toggle preferred Thunderstore CDN',
             description: 'Switch the CDN until app is restarted. This might bypass issues with downloading mods.',
             current: 'Current: {label} ({url})'
+        },
+        resetGameInstallation: {
+            title: 'Reset {gameName} installation',
+            description: 'Fix problems caused by corrupted files or files left over from manual modding attempts.',
+            value: `This will delete all contents of the "{folderName}" folder and will verify files using @:translations.platforms.STEAM`
+        },
+        changeLaunchBehaviour: {
+            title: 'Change launch behaviour',
+            description: 'Select a specific launch behaviour such as forcing Steam to launch with Proton',
+            value: `The current launch behaviour is set to: @:translations.enums.launchType.{launchType}`
         }
     },
     profile: {

From f7f9fca9971365953fdda49e87726ceda4d531c7 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Thu, 28 Aug 2025 16:42:53 +0100
Subject: [PATCH 51/59] WIP: Adding i18n support for "Other" section

---
 .../settings-components/SettingsView.vue      | 30 +++++++------
 src/i18n/en/pages/SettingsTranslation.ts      | 42 ++++++++++++++++++-
 2 files changed, 59 insertions(+), 13 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 2f85571e8..cf09d4c34 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -17,13 +17,17 @@ import { computed, onMounted, ref, watch } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import {useRouter} from 'vue-router';
-import {getLaunchType, LaunchType} from "../../model/real_enums/launch/LaunchType";
+import {getLaunchType} from "../../model/real_enums/launch/LaunchType";
 import {LaunchTypeModalOpen} from "../../components/modals/launch-type/LaunchTypeRefs";
 import {useI18n} from "vue-i18n";
 
 const store = getStore<State>();
 let router = useRouter();
-const { t } = useI18n();
+const { t, d, messages, locale } = useI18n();
+
+function getLocaleMessages() {
+    return messages.value[locale.value];
+}
 
 const activeTab = ref<string>('All');
 const tabs = ref<string[]>(['All', 'Profile', 'Locations', 'Debugging', 'Modpacks', 'Other']);
@@ -230,7 +234,7 @@ let settingsList = [
         () => emitInvoke('UpdateAllMods')
     ),
     new SettingsRow(
-        'Other',
+        'other',
         'Toggle funky mode',
         'Enable/disable funky mode.',
         async () => {
@@ -242,7 +246,7 @@ let settingsList = [
         () => emitInvoke('ToggleFunkyMode')
     ),
     new SettingsRow(
-        'Other',
+        'other',
         'Switch theme',
         'Switch between light and dark themes.',
         async () => {
@@ -254,7 +258,7 @@ let settingsList = [
         () => emitInvoke('SwitchTheme')
     ),
     new SettingsRow(
-        'Other',
+        'other',
         'Switch card display type',
         'Switch between expanded or collapsed cards.',
         async () => {
@@ -266,21 +270,23 @@ let settingsList = [
         () => emitInvoke('SwitchCard')
     ),
     new SettingsRow(
-        'Other',
+        'other',
         'Refresh online mod list',
         'Check for any new mod releases.',
         async () => {
                 if (store.state.tsMods.isThunderstoreModListUpdateInProgress) {
-                    return store.state.tsMods.thunderstoreModListUpdateStatus || "Refreshing...";
+                    return store.state.tsMods.thunderstoreModListUpdateStatus
+                        ? t(`translations.pages.profileSelection.importProfileModal.states.refresh.refreshStatus.${store.state.tsMods.thunderstoreModListUpdateStatus}`)
+                        : t('translations.pages.settings.other.refreshOnlineModList.states.refreshing');
                 }
                 if (store.state.tsMods.thunderstoreModListUpdateError) {
-                    return `Error refreshing the mod list: ${store.state.tsMods.thunderstoreModListUpdateError.message}`;
+                    return t('translations.pages.settings.other.refreshOnlineModList.states.errorRefreshing', { errorText: store.state.tsMods.thunderstoreModListUpdateError.message });
                 }
                 if (store.getters['download/activeDownloadCount'] > 0) {
-                    return "Refreshing the mod list is disabled while there are active downloads.";
+                    return t('translations.pages.settings.other.refreshOnlineModList.states.disabledWhilstDownloading');
                 }
                 if (store.state.tsMods.modsLastUpdated !== undefined) {
-                    return "Cache date: " + moment(store.state.tsMods.modsLastUpdated).format("MMMM Do YYYY, h:mm:ss a");
+                    return t('translations.pages.settings.other.refreshOnlineModList.states.cacheDate', { formattedDate: d(moment(store.state.tsMods.modsLastUpdated).toDate(), 'long', getLocaleMessages().metadata.locale) });
                 }
                 return "No API information available";
             },
@@ -288,7 +294,7 @@ let settingsList = [
         async () => await store.dispatch("tsMods/syncPackageList")
     ),
     new SettingsRow(
-      'Other',
+      'other',
       'Change game',
       'Change the current game',
       async () => "",
@@ -334,7 +340,7 @@ onMounted(async () => {
                             return directory;
                         }
                     }
-                    return t('translations.pages.settings.locations.changeSteamFolder.state.setManually');
+                    return t('translations.pages.settings.locations.changeSteamFolder.states.setManually');
                 },
                 'fa-folder-open',
                 () => emitInvoke('ChangeSteamDirectory')
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index 7c217151e..ea8b6f0ff 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -26,7 +26,7 @@ export const SettingsTranslation: SettingsMessageFormat = {
         changeSteamFolder: {
             title: `Change {''}@:translations.platforms.STEAM{''} folder`,
             description: `Change the location of the @:translations.platforms.STEAM folder that {appName} uses.`,
-            state: {
+            states: {
                 setManually: 'You must click this setting and locate the folder manually'
             }
         }
@@ -134,5 +134,45 @@ export const SettingsTranslation: SettingsMessageFormat = {
             You have {count} mods with an update available
             `,
         }
+    },
+    other: {
+        toggleFunkyMode: {
+            title: 'Toggle funky mode',
+            description: 'Enable / disable funky mode.',
+            states: {
+                enabled: 'Funky mode is enabled',
+                disabled: 'Funky mode is disabled',
+            },
+        },
+        switchTheme: {
+            title: 'Switch theme',
+            description: 'Switch between light and dark themes.',
+            themes: {
+                light: 'Current: Light theme (default)',
+                dark: 'Current: Dark theme',
+            },
+        },
+        switchCardDisplayType: {
+            title: 'Switch card display type',
+            description: 'Switch between expanded or collapsed cards.',
+            states: {
+                expanded: 'Current: Expanded',
+                collapsed: 'Current: Collapsed (default)'
+            }
+        },
+        refreshOnlineModList: {
+            title: 'Refresh online mod list',
+            description: 'Check for new mod releases.',
+            states: {
+                refreshing: 'Refreshing',
+                errorRefreshing: 'There was a problem refreshing the mod list: {errorText}',
+                disabledWhilstDownloading: 'Refreshing the mod list is disabled whilst there are active downloads',
+                cacheDate: 'Cache date: {formattedDate}',
+            }
+        },
+        changeGame: {
+            title: 'Change game',
+            description: 'Change the current game.',
+        }
     }
 }

From cbb7e4041b44971f5437696dcf2e5150f9784df3 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 29 Aug 2025 10:00:56 +0100
Subject: [PATCH 52/59] Added i18n support for "other" and "modpacks"
 categories

---
 .../settings-components/SettingsView.vue      | 44 +++++++++----------
 src/i18n/en/pages/SettingsTranslation.ts      | 12 +++++
 2 files changed, 34 insertions(+), 22 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index cf09d4c34..625e929a4 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -235,48 +235,48 @@ let settingsList = [
     ),
     new SettingsRow(
         'other',
-        'Toggle funky mode',
-        'Enable/disable funky mode.',
+        t('translations.pages.settings.other.toggleFunkyMode.title'),
+        t('translations.pages.settings.other.toggleFunkyMode.description'),
         async () => {
             return settings.value.getContext().global.funkyModeEnabled
-                ? 'Current: enabled'
-                : 'Current: disabled (default)';
+                ? t('translations.pages.settings.other.toggleFunkyMode.states.enabled')
+                : t('translations.pages.settings.other.toggleFunkyMode.states.disabled');
         },
         'fa-exchange-alt',
         () => emitInvoke('ToggleFunkyMode')
     ),
     new SettingsRow(
         'other',
-        'Switch theme',
-        'Switch between light and dark themes.',
+        t('translations.pages.settings.other.switchTheme.title'),
+        t('translations.pages.settings.other.switchTheme.description'),
         async () => {
             return settings.value.getContext().global.darkTheme
-                ? 'Current: dark theme'
-                : 'Current: light theme (default)';
+                ? t('translations.pages.settings.other.switchTheme.themes.dark')
+                : t('translations.pages.settings.other.switchTheme.themes.light');
         },
         'fa-exchange-alt',
         () => emitInvoke('SwitchTheme')
     ),
     new SettingsRow(
         'other',
-        'Switch card display type',
-        'Switch between expanded or collapsed cards.',
+        t('translations.pages.settings.other.switchCardDisplayType.title'),
+        t('translations.pages.settings.other.switchCardDisplayType.description'),
         async () => {
             return settings.value.getContext().global.expandedCards
-                ? 'Current: expanded'
-                : 'Current: collapsed (default)';
+                ? t('translations.pages.settings.other.switchCardDisplayType.states.expanded')
+                : t('translations.pages.settings.other.switchCardDisplayType.states.collapsed');
         },
         'fa-exchange-alt',
         () => emitInvoke('SwitchCard')
     ),
     new SettingsRow(
         'other',
-        'Refresh online mod list',
-        'Check for any new mod releases.',
+        t('translations.pages.settings.other.refreshOnlineModList.title'),
+        t('translations.pages.settings.other.refreshOnlineModList.description'),
         async () => {
                 if (store.state.tsMods.isThunderstoreModListUpdateInProgress) {
                     return store.state.tsMods.thunderstoreModListUpdateStatus
-                        ? t(`translations.pages.profileSelection.importProfileModal.states.refresh.refreshStatus.${store.state.tsMods.thunderstoreModListUpdateStatus}`)
+                        ? t(`translations.pages.splash.states.${store.state.tsMods.thunderstoreModListUpdateStatus}`)
                         : t('translations.pages.settings.other.refreshOnlineModList.states.refreshing');
                 }
                 if (store.state.tsMods.thunderstoreModListUpdateError) {
@@ -288,15 +288,15 @@ let settingsList = [
                 if (store.state.tsMods.modsLastUpdated !== undefined) {
                     return t('translations.pages.settings.other.refreshOnlineModList.states.cacheDate', { formattedDate: d(moment(store.state.tsMods.modsLastUpdated).toDate(), 'long', getLocaleMessages().metadata.locale) });
                 }
-                return "No API information available";
+                return t('translations.pages.settings.other.refreshOnlineModList.states.apiUnavailable');
             },
         'fa-exchange-alt',
         async () => await store.dispatch("tsMods/syncPackageList")
     ),
     new SettingsRow(
       'other',
-      'Change game',
-      'Change the current game',
+        t('translations.pages.settings.other.changeGame.title'),
+        t('translations.pages.settings.other.changeGame.description'),
       async () => "",
         'fa-gamepad',
         async () => {
@@ -305,10 +305,10 @@ let settingsList = [
         }
     ),
     new SettingsRow(
-        'Modpacks',
-        'Show dependency strings',
-        'View a list of installed mods with their version strings. Used inside the dependencies array inside the manifest.json file.',
-        async () => `Show dependency strings for ${localModList.value.length} mod(s)`,
+        'modpacks',
+        t('translations.pages.settings.modpacks.showDependencyStrings.title'),
+        t('translations.pages.settings.modpacks.showDependencyStrings.description'),
+        async () => t('translations.pages.settings.modpacks.showDependencyStrings.value', localModList.value.length),
         'fa-file-alt',
         () => emitInvoke('ShowDependencyStrings')
     ),
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index ea8b6f0ff..5f124de3b 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -168,11 +168,23 @@ export const SettingsTranslation: SettingsMessageFormat = {
                 errorRefreshing: 'There was a problem refreshing the mod list: {errorText}',
                 disabledWhilstDownloading: 'Refreshing the mod list is disabled whilst there are active downloads',
                 cacheDate: 'Cache date: {formattedDate}',
+                apiUnavailable: 'No API information available',
             }
         },
         changeGame: {
             title: 'Change game',
             description: 'Change the current game.',
         }
+    },
+    modpacks: {
+        showDependencyStrings: {
+            title: 'Show dependency strings',
+            description: 'View a list of installed mods with their version strings. Used inside the dependencies array inside the manifest.json file.',
+            value: `
+            No dependency strings as there are no mods installed |
+            Show dependency strings for 1 mod |
+            Show dependency strings for {n} mods
+            `
+        }
     }
 }

From e96f7347834e5ecd9b0baf417da4150307f4fdb8 Mon Sep 17 00:00:00 2001
From: cade <ca469@kent.ac.uk>
Date: Fri, 29 Aug 2025 10:04:44 +0100
Subject: [PATCH 53/59] Added i18n support for settings tabs

---
 src/components/settings-components/SettingsView.vue | 8 ++++----
 src/i18n/en/pages/SettingsTranslation.ts            | 4 ++++
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 625e929a4..10e658c57 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -29,8 +29,8 @@ function getLocaleMessages() {
     return messages.value[locale.value];
 }
 
-const activeTab = ref<string>('All');
-const tabs = ref<string[]>(['All', 'Profile', 'Locations', 'Debugging', 'Modpacks', 'Other']);
+const activeTab = ref<string>('all');
+const tabs = ref<string[]>(['all', 'profile', 'locations', 'debugging', 'modpacks', 'other']);
 const logOutput = ref<LogOutputProvider>(LogOutputProvider.instance);
 const search = ref<string>('');
 const managerVersionNumber = ref<VersionNumber>(ManagerInformation.VERSION);
@@ -418,12 +418,12 @@ function emitInvoke(invoked: string) {
                         <li v-for="(key, index) in tabs" :key="`tab-${key}`"
                             :class="[{'is-active': activeTab === key}]"
                             @click="changeTab(key)">
-                            <a>{{key}}</a>
+                            <a>{{ t(`translations.pages.settings.groups.${key}`) }}</a>
                         </li>
                     </ul>
                 </div>
             </div>
-            <template v-if="activeTab === 'All'">
+            <template v-if="activeTab === 'all'">
                 <SettingsItem v-for="(key, _) in searchableSettings" :key="`setting-${key.action}`"
                               :action="key.action"
                               :description="key.description"
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index 5f124de3b..b66869464 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -2,8 +2,12 @@ import {SettingsMessageFormat} from "../../base/pages/SettingsMessageFormat";
 
 export const SettingsTranslation: SettingsMessageFormat = {
     groups: {
+        all: 'All',
+        profile: 'Profile',
         locations: 'Locations',
         debugging: 'Debugging',
+        other: 'Other',
+        modpacks: 'Modpacks',
     },
     locations: {
         browseDataFolder: {

From 0834b2cd7b06b068aa995aac868619eb5d0a4771 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 5 Sep 2025 16:42:19 +0100
Subject: [PATCH 54/59] Added French i18n translation file and fixed
 non-reactive titles

---
 .../settings-components/SettingsView.vue      | 542 +++++++++---------
 src/i18n/base/pages/SettingsMessageFormat.ts  | 175 +++++-
 src/i18n/en/pages/SettingsTranslation.ts      |   2 +-
 src/i18n/fr/index.ts                          |   2 +
 src/i18n/fr/pages/SettingsTranslation.ts      | 192 +++++++
 5 files changed, 643 insertions(+), 270 deletions(-)
 create mode 100644 src/i18n/fr/pages/SettingsTranslation.ts

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 10e658c57..72e7cdc17 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -13,7 +13,7 @@ import ProfileModList from '../../r2mm/mods/ProfileModList';
 import { Platform } from '../../model/schema/ThunderstoreSchema';
 import moment from 'moment';
 import CdnProvider from '../../providers/generic/connection/CdnProvider';
-import { computed, onMounted, ref, watch } from 'vue';
+import { computed, onMounted, ref, watch, watchEffect } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import {useRouter} from 'vue-router';
@@ -41,239 +41,240 @@ const settings = computed(() => store.getters['settings']);
 const localModList = computed(() => store.state.profile.modList);
 const appName = computed(() => ManagerInformation.APP_NAME);
 
-let settingsList = [
-    new SettingsRow(
-        'locations',
-        t('translations.pages.settings.locations.browseDataFolder.title'),
-        t('translations.pages.settings.locations.browseDataFolder.description'),
-        async () => PathResolver.ROOT,
-        'fa-door-open',
-        () => {
-            emitInvoke('BrowseDataFolder');
-        }
-    ),
-    new SettingsRow(
-        'locations',
-        t('translations.pages.settings.locations.changeGameFolder.title', { gameName: activeGame.value.displayName }),
-        t('translations.pages.settings.locations.changeGameFolder.description', { gameName: activeGame.value.displayName, appName: appName.value }),
-        async () => {
-            if (settings.value.getContext().gameSpecific.gameDirectory !== null) {
-                const directory = await GameDirectoryResolverProvider.instance.getDirectory(activeGame.value);
-                if (!(directory instanceof R2Error)) {
-                    return directory;
-                }
-            }
-            return t('translations.pages.settings.locations.changeGameFolder.setManually');
-        },
-        'fa-folder-open',
-        () => {
-            if (Platform.XBOX_GAME_PASS == activeGame.value.activePlatform.storePlatform) {
-                emitInvoke('ChangeGameDirectoryGamePass');
-            }
-            else {
-                emitInvoke('ChangeGameDirectory');
+let settingsList = computed(() => {
+    let settingsItems = [
+        new SettingsRow(
+            'locations',
+            t('translations.pages.settings.locations.browseDataFolder.title'),
+            t('translations.pages.settings.locations.browseDataFolder.description'),
+            async () => PathResolver.ROOT,
+            'fa-door-open',
+            () => {
+                emitInvoke('BrowseDataFolder');
             }
-        }
-    ),
-    new SettingsRow(
-        'locations',
-        t('translations.pages.settings.locations.browseProfileFolder.title'),
-        t('translations.pages.settings.locations.browseProfileFolder.description'),
-        async () => {
-            return store.getters['profile/activeProfile'].getProfilePath();
-        },
-        'fa-door-open',
-        () => emitInvoke('BrowseProfileFolder')
-    ),
-    new SettingsRow(
-        'locations',
-        t('translations.pages.settings.locations.changeDataFolder.title'),
-        t('translations.pages.settings.locations.changeDataFolder.description'),
-        async () => {
-            return PathResolver.ROOT;
-        },
-        'fa-folder-open',
-        () => emitInvoke('ChangeDataFolder')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.copyLogFile.title'),
-        t('translations.pages.settings.debugging.copyLogFile.description'),
-        async () =>  t(`translations.pages.settings.debugging.copyLogFile.${logOutput.value.exists ? 'logFileExists' : 'logFileDoesNotExist'}`),
-        'fa-clipboard',
-        () => {
-            if (logOutput.value.exists) {
-                emitInvoke('CopyLogToClipboard')
-            }
-        }
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.copyTroubleshootingInfo.title'),
-        t('translations.pages.settings.debugging.copyTroubleshootingInfo.description'),
-        async () => t('translations.pages.settings.debugging.copyTroubleshootingInfo.value'),
-        'fa-clipboard',
-        () => emitInvoke('CopyTroubleshootingInfoToClipboard')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.toggleDownloadCache.title'),
-        t('translations.pages.settings.debugging.toggleDownloadCache.description'),
-        async () => {
-            return store.state.download.ignoreCache
-                ? t('translations.pages.settings.debugging.toggleDownloadCache.enabled')
-                : t('translations.pages.settings.debugging.toggleDownloadCache.disabled');
-        },
-        'fa-exchange-alt',
-        () => emitInvoke('ToggleDownloadCache')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.setLaunchArguments.title'),
-        t('translations.pages.settings.debugging.setLaunchArguments.description'),
-        async () => t('translations.pages.settings.debugging.setLaunchArguments.value'),
-        'fa-wrench',
-        () => emitInvoke('SetLaunchParameters')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.cleanModCache.title'),
-        t('translations.pages.settings.debugging.cleanModCache.description'),
-        async () => t('translations.pages.settings.debugging.cleanModCache.value'),
-        'fa-trash',
-        () => emitInvoke('CleanCache')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.cleanOnlineModList.title'),
-        t('translations.pages.settings.debugging.cleanOnlineModList.description'),
-        async () => store.dispatch('tsMods/getActiveGameCacheStatus').then(status => t(`translations.pages.settings.debugging.cleanOnlineModList.states.${status}`, { gameName: activeGame.value.displayName})),
-        'fa-trash',
-        () => store.dispatch('tsMods/resetActiveGameCache')
-    ),
-    new SettingsRow(
-        'debugging',
-        t('translations.pages.settings.debugging.toggleThunderstoreCdn.title'),
-        t('translations.pages.settings.debugging.toggleThunderstoreCdn.description'),
-        async () => t('translations.pages.settings.debugging.toggleThunderstoreCdn.current', { label: CdnProvider.current.label, url: CdnProvider.current.url }),
-        'fa-exchange-alt',
-        CdnProvider.togglePreferredCdn
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.changeProfile.title'),
-        t('translations.pages.settings.profile.changeProfile.description'),
-        async () => t('translations.pages.settings.profile.changeProfile.value', { profileName: store.getters['profile/activeProfile'].getProfileName() }),
-        'fa-file-import',
-        () => emitInvoke('ChangeProfile')
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.enableAllMods.title'),
-        t('translations.pages.settings.profile.enableAllMods.description'),
-        async () => t(
-            'translations.pages.settings.profile.enableAllMods.value',
-            localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
-            {
-                named: {
-                    enabledModCount: localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
-                    totalModCount: localModList.value.length
+        ),
+        new SettingsRow(
+            'locations',
+            t('translations.pages.settings.locations.changeGameFolder.title', { gameName: activeGame.value.displayName }),
+            t('translations.pages.settings.locations.changeGameFolder.description', { gameName: activeGame.value.displayName, appName: appName.value }),
+            async () => {
+                if (settings.value.getContext().gameSpecific.gameDirectory !== null) {
+                    const directory = await GameDirectoryResolverProvider.instance.getDirectory(activeGame.value);
+                    if (!(directory instanceof R2Error)) {
+                        return directory;
+                    }
+                }
+                return t('translations.pages.settings.locations.changeGameFolder.setManually');
+            },
+            'fa-folder-open',
+            () => {
+                if (Platform.XBOX_GAME_PASS == activeGame.value.activePlatform.storePlatform) {
+                    emitInvoke('ChangeGameDirectoryGamePass');
+                }
+                else {
+                    emitInvoke('ChangeGameDirectory');
                 }
             }
         ),
-        'fa-file-import',
-        () => emitInvoke('EnableAll')
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.disableAllMods.title'),
-        t('translations.pages.settings.profile.disableAllMods.description'),
-        async () => t(
-            'translations.pages.settings.profile.disableAllMods.value',
-            ProfileModList.getDisabledModCount(localModList.value),
-            {
-                named: {
-                    disabledModCount: ProfileModList.getDisabledModCount(localModList.value),
-                    totalModCount: localModList.value.length
+        new SettingsRow(
+            'locations',
+            t('translations.pages.settings.locations.browseProfileFolder.title'),
+            t('translations.pages.settings.locations.browseProfileFolder.description'),
+            async () => {
+                return store.getters['profile/activeProfile'].getProfilePath();
+            },
+            'fa-door-open',
+            () => emitInvoke('BrowseProfileFolder')
+        ),
+        new SettingsRow(
+            'locations',
+            t('translations.pages.settings.locations.changeDataFolder.title'),
+            t('translations.pages.settings.locations.changeDataFolder.description'),
+            async () => {
+                return PathResolver.ROOT;
+            },
+            'fa-folder-open',
+            () => emitInvoke('ChangeDataFolder')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.copyLogFile.title'),
+            t('translations.pages.settings.debugging.copyLogFile.description'),
+            async () =>  t(`translations.pages.settings.debugging.copyLogFile.${logOutput.value.exists ? 'logFileExists' : 'logFileDoesNotExist'}`),
+            'fa-clipboard',
+            () => {
+                if (logOutput.value.exists) {
+                    emitInvoke('CopyLogToClipboard')
                 }
             }
         ),
-        'fa-file-import',
-        () => emitInvoke('DisableAll')
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.importLocalMod.title'),
-        t('translations.pages.settings.profile.importLocalMod.description'),
-        async () => t('translations.pages.settings.profile.importLocalMod.value'),
-        'fa-file-import',
-        () => store.commit("openLocalFileImportModal")
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.exportProfileAsFile.title'),
-        t('translations.pages.settings.profile.exportProfileAsFile.description'),
-        async () => t('translations.pages.settings.profile.exportProfileAsFile.value'),
-        'fa-file-export',
-        () => store.dispatch("profileExport/exportProfileAsFile")
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.exportProfileAsCode.title'),
-        t('translations.pages.settings.profile.exportProfileAsCode.description'),
-        async () => t('translations.pages.settings.profile.exportProfileAsCode.value'),
-        'fa-file-export',
-        () => store.dispatch("profileExport/exportProfileAsCode")
-    ),
-    new SettingsRow(
-        'profile',
-        t('translations.pages.settings.profile.updateAllMods.title'),
-        t('translations.pages.settings.profile.updateAllMods.description'),
-        async () => t('translations.pages.settings.profile.updateAllMods.value', store.getters['profile/modsWithUpdates'].length),
-        'fa-cloud-upload-alt',
-        () => emitInvoke('UpdateAllMods')
-    ),
-    new SettingsRow(
-        'other',
-        t('translations.pages.settings.other.toggleFunkyMode.title'),
-        t('translations.pages.settings.other.toggleFunkyMode.description'),
-        async () => {
-            return settings.value.getContext().global.funkyModeEnabled
-                ? t('translations.pages.settings.other.toggleFunkyMode.states.enabled')
-                : t('translations.pages.settings.other.toggleFunkyMode.states.disabled');
-        },
-        'fa-exchange-alt',
-        () => emitInvoke('ToggleFunkyMode')
-    ),
-    new SettingsRow(
-        'other',
-        t('translations.pages.settings.other.switchTheme.title'),
-        t('translations.pages.settings.other.switchTheme.description'),
-        async () => {
-            return settings.value.getContext().global.darkTheme
-                ? t('translations.pages.settings.other.switchTheme.themes.dark')
-                : t('translations.pages.settings.other.switchTheme.themes.light');
-        },
-        'fa-exchange-alt',
-        () => emitInvoke('SwitchTheme')
-    ),
-    new SettingsRow(
-        'other',
-        t('translations.pages.settings.other.switchCardDisplayType.title'),
-        t('translations.pages.settings.other.switchCardDisplayType.description'),
-        async () => {
-            return settings.value.getContext().global.expandedCards
-                ? t('translations.pages.settings.other.switchCardDisplayType.states.expanded')
-                : t('translations.pages.settings.other.switchCardDisplayType.states.collapsed');
-        },
-        'fa-exchange-alt',
-        () => emitInvoke('SwitchCard')
-    ),
-    new SettingsRow(
-        'other',
-        t('translations.pages.settings.other.refreshOnlineModList.title'),
-        t('translations.pages.settings.other.refreshOnlineModList.description'),
-        async () => {
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.copyTroubleshootingInfo.title'),
+            t('translations.pages.settings.debugging.copyTroubleshootingInfo.description'),
+            async () => t('translations.pages.settings.debugging.copyTroubleshootingInfo.value'),
+            'fa-clipboard',
+            () => emitInvoke('CopyTroubleshootingInfoToClipboard')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.toggleDownloadCache.title'),
+            t('translations.pages.settings.debugging.toggleDownloadCache.description'),
+            async () => {
+                return store.state.download.ignoreCache
+                    ? t('translations.pages.settings.debugging.toggleDownloadCache.enabled')
+                    : t('translations.pages.settings.debugging.toggleDownloadCache.disabled');
+            },
+            'fa-exchange-alt',
+            () => emitInvoke('ToggleDownloadCache')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.setLaunchArguments.title'),
+            t('translations.pages.settings.debugging.setLaunchArguments.description'),
+            async () => t('translations.pages.settings.debugging.setLaunchArguments.value'),
+            'fa-wrench',
+            () => emitInvoke('SetLaunchParameters')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.cleanModCache.title'),
+            t('translations.pages.settings.debugging.cleanModCache.description'),
+            async () => t('translations.pages.settings.debugging.cleanModCache.value'),
+            'fa-trash',
+            () => emitInvoke('CleanCache')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.cleanOnlineModList.title'),
+            t('translations.pages.settings.debugging.cleanOnlineModList.description'),
+            async () => store.dispatch('tsMods/getActiveGameCacheStatus').then(status => t(`translations.pages.settings.debugging.cleanOnlineModList.states.${status}`, { gameName: activeGame.value.displayName})),
+            'fa-trash',
+            () => store.dispatch('tsMods/resetActiveGameCache')
+        ),
+        new SettingsRow(
+            'debugging',
+            t('translations.pages.settings.debugging.toggleThunderstoreCdn.title'),
+            t('translations.pages.settings.debugging.toggleThunderstoreCdn.description'),
+            async () => t('translations.pages.settings.debugging.toggleThunderstoreCdn.current', { label: CdnProvider.current.label, url: CdnProvider.current.url }),
+            'fa-exchange-alt',
+            CdnProvider.togglePreferredCdn
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.changeProfile.title'),
+            t('translations.pages.settings.profile.changeProfile.description'),
+            async () => t('translations.pages.settings.profile.changeProfile.value', { profileName: store.getters['profile/activeProfile'].getProfileName() }),
+            'fa-file-import',
+            () => emitInvoke('ChangeProfile')
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.enableAllMods.title'),
+            t('translations.pages.settings.profile.enableAllMods.description'),
+            async () => t(
+                'translations.pages.settings.profile.enableAllMods.value',
+                localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
+                {
+                    named: {
+                        enabledModCount: localModList.value.length - ProfileModList.getDisabledModCount(localModList.value),
+                        totalModCount: localModList.value.length
+                    }
+                }
+            ),
+            'fa-file-import',
+            () => emitInvoke('EnableAll')
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.disableAllMods.title'),
+            t('translations.pages.settings.profile.disableAllMods.description'),
+            async () => t(
+                'translations.pages.settings.profile.disableAllMods.value',
+                ProfileModList.getDisabledModCount(localModList.value),
+                {
+                    named: {
+                        disabledModCount: ProfileModList.getDisabledModCount(localModList.value),
+                        totalModCount: localModList.value.length
+                    }
+                }
+            ),
+            'fa-file-import',
+            () => emitInvoke('DisableAll')
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.importLocalMod.title'),
+            t('translations.pages.settings.profile.importLocalMod.description'),
+            async () => t('translations.pages.settings.profile.importLocalMod.value'),
+            'fa-file-import',
+            () => store.commit("openLocalFileImportModal")
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.exportProfileAsFile.title'),
+            t('translations.pages.settings.profile.exportProfileAsFile.description'),
+            async () => t('translations.pages.settings.profile.exportProfileAsFile.value'),
+            'fa-file-export',
+            () => store.dispatch("profileExport/exportProfileAsFile")
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.exportProfileAsCode.title'),
+            t('translations.pages.settings.profile.exportProfileAsCode.description'),
+            async () => t('translations.pages.settings.profile.exportProfileAsCode.value'),
+            'fa-file-export',
+            () => store.dispatch("profileExport/exportProfileAsCode")
+        ),
+        new SettingsRow(
+            'profile',
+            t('translations.pages.settings.profile.updateAllMods.title'),
+            t('translations.pages.settings.profile.updateAllMods.description'),
+            async () => t('translations.pages.settings.profile.updateAllMods.value', store.getters['profile/modsWithUpdates'].length),
+            'fa-cloud-upload-alt',
+            () => emitInvoke('UpdateAllMods')
+        ),
+        new SettingsRow(
+            'other',
+            t('translations.pages.settings.other.toggleFunkyMode.title'),
+            t('translations.pages.settings.other.toggleFunkyMode.description'),
+            async () => {
+                return settings.value.getContext().global.funkyModeEnabled
+                    ? t('translations.pages.settings.other.toggleFunkyMode.states.enabled')
+                    : t('translations.pages.settings.other.toggleFunkyMode.states.disabled');
+            },
+            'fa-exchange-alt',
+            () => emitInvoke('ToggleFunkyMode')
+        ),
+        new SettingsRow(
+            'other',
+            t('translations.pages.settings.other.switchTheme.title'),
+            t('translations.pages.settings.other.switchTheme.description'),
+            async () => {
+                return settings.value.getContext().global.darkTheme
+                    ? t('translations.pages.settings.other.switchTheme.themes.dark')
+                    : t('translations.pages.settings.other.switchTheme.themes.light');
+            },
+            'fa-exchange-alt',
+            () => emitInvoke('SwitchTheme')
+        ),
+        new SettingsRow(
+            'other',
+            t('translations.pages.settings.other.switchCardDisplayType.title'),
+            t('translations.pages.settings.other.switchCardDisplayType.description'),
+            async () => {
+                return settings.value.getContext().global.expandedCards
+                    ? t('translations.pages.settings.other.switchCardDisplayType.states.expanded')
+                    : t('translations.pages.settings.other.switchCardDisplayType.states.collapsed');
+            },
+            'fa-exchange-alt',
+            () => emitInvoke('SwitchCard')
+        ),
+        new SettingsRow(
+            'other',
+            t('translations.pages.settings.other.refreshOnlineModList.title'),
+            t('translations.pages.settings.other.refreshOnlineModList.description'),
+            async () => {
                 if (store.state.tsMods.isThunderstoreModListUpdateInProgress) {
                     return store.state.tsMods.thunderstoreModListUpdateStatus
                         ? t(`translations.pages.splash.states.${store.state.tsMods.thunderstoreModListUpdateStatus}`)
@@ -290,45 +291,31 @@ let settingsList = [
                 }
                 return t('translations.pages.settings.other.refreshOnlineModList.states.apiUnavailable');
             },
-        'fa-exchange-alt',
-        async () => await store.dispatch("tsMods/syncPackageList")
-    ),
-    new SettingsRow(
-      'other',
-        t('translations.pages.settings.other.changeGame.title'),
-        t('translations.pages.settings.other.changeGame.description'),
-      async () => "",
-        'fa-gamepad',
-        async () => {
-            await ManagerSettings.resetDefaults();
-            await router.push({name: 'index'});
-        }
-    ),
-    new SettingsRow(
-        'modpacks',
-        t('translations.pages.settings.modpacks.showDependencyStrings.title'),
-        t('translations.pages.settings.modpacks.showDependencyStrings.description'),
-        async () => t('translations.pages.settings.modpacks.showDependencyStrings.value', localModList.value.length),
-        'fa-file-alt',
-        () => emitInvoke('ShowDependencyStrings')
-    ),
-];
-
-watch(search, () => {
-    searchableSettings.value = settingsList
-        .filter(value =>
-            value.action.toLowerCase().indexOf(search.value.toLowerCase()) >= 0
-            || value.description.toLowerCase().indexOf(search.value.toLowerCase()) >= 0);
-});
-
-function getFilteredSettings() {
-    return searchableSettings.value.filter(value => value.group.toLowerCase() === activeTab.value.toLowerCase())
-        .sort((a, b) => a.action.localeCompare(b.action));
-}
-
-onMounted(async () => {
+            'fa-exchange-alt',
+            async () => await store.dispatch("tsMods/syncPackageList")
+        ),
+        new SettingsRow(
+            'other',
+            t('translations.pages.settings.other.changeGame.title'),
+            t('translations.pages.settings.other.changeGame.description'),
+            async () => "",
+            'fa-gamepad',
+            async () => {
+                await ManagerSettings.resetDefaults();
+                await router.push({name: 'index'});
+            }
+        ),
+        new SettingsRow(
+            'modpacks',
+            t('translations.pages.settings.modpacks.showDependencyStrings.title'),
+            t('translations.pages.settings.modpacks.showDependencyStrings.description'),
+            async () => t('translations.pages.settings.modpacks.showDependencyStrings.value', localModList.value.length),
+            'fa-file-alt',
+            () => emitInvoke('ShowDependencyStrings')
+        ),
+    ];
     if ([Platform.STEAM, Platform.STEAM_DIRECT].includes(activeGame.value.activePlatform.storePlatform)) {
-        settingsList.push(
+        settingsItems.push(
             new SettingsRow(
                 'locations',
                 t('translations.pages.settings.locations.changeSteamFolder.title'),
@@ -357,7 +344,7 @@ onMounted(async () => {
     }
 
     if (['linux', 'darwin'].includes(process.platform) && activeGame.value.activePlatform.storePlatform === Platform.STEAM) {
-        settingsList.push(
+        settingsItems.push(
             new SettingsRow(
                 'debugging',
                 t('translations.pages.settings.debugging.changeLaunchBehaviour.title'),
@@ -370,8 +357,27 @@ onMounted(async () => {
             )
         );
     }
-    settingsList = settingsList.sort((a, b) => a.action.localeCompare(b.action));
-    searchableSettings.value = settingsList;
+    settingsItems = settingsItems.sort((a, b) => a.action.localeCompare(b.action));
+    return settingsItems;
+});
+
+watchEffect(() => {
+    searchableSettings.value = settingsList.value;
+})
+
+watch(search, () => {
+    searchableSettings.value = settingsList.value
+        .filter(value =>
+            value.action.toLowerCase().indexOf(search.value.toLowerCase()) >= 0
+            || value.description.toLowerCase().indexOf(search.value.toLowerCase()) >= 0);
+});
+
+function getFilteredSettings() {
+    return searchableSettings.value.filter(value => value.group.toLowerCase() === activeTab.value.toLowerCase())
+        .sort((a, b) => a.action.localeCompare(b.action));
+}
+
+onMounted(async () => {
 
     const gameDirectory = await GameDirectoryResolverProvider.instance.getDirectory(activeGame.value);
     if (!(gameDirectory instanceof R2Error)) {
diff --git a/src/i18n/base/pages/SettingsMessageFormat.ts b/src/i18n/base/pages/SettingsMessageFormat.ts
index 18845b5de..eaf43b367 100644
--- a/src/i18n/base/pages/SettingsMessageFormat.ts
+++ b/src/i18n/base/pages/SettingsMessageFormat.ts
@@ -1,3 +1,176 @@
 export type SettingsMessageFormat = {
-
+    groups: {
+        all: string;
+        profile: string;
+        locations: string;
+        debugging: string;
+        other: string;
+        modpacks: string;
+    },
+    locations: {
+        browseDataFolder: {
+            title: string;
+            description: string;
+        },
+        changeGameFolder: {
+            title: string;
+            description: string;
+            setManually: string;
+        },
+        browseProfileFolder: {
+            title: string;
+            description: string;
+        },
+        changeDataFolder: {
+            title: string;
+            description: string;
+        },
+        changeSteamFolder: {
+            title: string;
+            description: string;
+            states: {
+                setManually: string;
+            }
+        }
+    },
+    debugging: {
+        copyLogFile: {
+            title: string;
+            description: string;
+            logFileExists: string;
+            logFileDoesNotExist: string;
+        },
+        copyTroubleshootingInfo: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        toggleDownloadCache: {
+            title: string;
+            description: string;
+            enabled: string;
+            disabled: string;
+        },
+        setLaunchArguments: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        cleanModCache: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        cleanOnlineModList: {
+            title: string;
+            description: string;
+            states: {
+                updating: string;
+                hasCopy: string;
+                doesNotHaveCopy: string;
+                errorOccurred: string;
+                unknown: string;
+            }
+        },
+        toggleThunderstoreCdn: {
+            title: string;
+            description: string;
+            current: string;
+        },
+        resetGameInstallation: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        changeLaunchBehaviour: {
+            title: string;
+            description: string;
+            value: string;
+        }
+    },
+    profile: {
+        changeProfile: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        enableAllMods: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        disableAllMods: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        importLocalMod: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        exportProfileAsFile: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        exportProfileAsCode: {
+            title: string;
+            description: string;
+            value: string;
+        },
+        updateAllMods: {
+            title: string;
+            description: string;
+            value: string;
+        }
+    },
+    other: {
+        toggleFunkyMode: {
+            title: string;
+            description: string;
+            states: {
+                enabled: string;
+                disabled: string;
+            },
+        },
+        switchTheme: {
+            title: string;
+            description: string;
+            themes: {
+                light: string;
+                dark: string;
+            },
+        },
+        switchCardDisplayType: {
+            title: string;
+            description: string;
+            states: {
+                expanded: string;
+                collapsed: string;
+            }
+        },
+        refreshOnlineModList: {
+            title: string;
+            description: string;
+            states: {
+                refreshing: string;
+                errorRefreshing: string;
+                disabledWhilstDownloading: string;
+                cacheDate: string;
+                apiUnavailable: string;
+            }
+        },
+        changeGame: {
+            title: string;
+            description: string;
+        }
+    },
+    modpacks: {
+        showDependencyStrings: {
+            title: string;
+            description: string;
+            value: string;
+        }
+    }
 }
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index b66869464..1141d6dfc 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -126,7 +126,7 @@ export const SettingsTranslation: SettingsMessageFormat = {
         },
         exportProfileAsCode: {
             title: 'Export profile as a code',
-            description: 'Export your mod list and configs as a file.',
+            description: 'Export your mod list and configs as a code.',
             value: 'The exported code can be shared with friends to get an identical profile quickly and easily',
         },
         updateAllMods: {
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 9825862fd..cb43b1e39 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -6,6 +6,7 @@ import {ManagerTranslation} from './pages/ManagerTranslation';
 import { DateTimeFormat } from 'src/i18n';
 import { EnumTranslation } from './enums/EnumTranslation';
 import { HelpTranslation } from './pages/HelpTranslation';
+import { SettingsTranslation } from './pages/SettingsTranslation';
 
 const message = {
     metadata: {
@@ -19,6 +20,7 @@ const message = {
             profileSelection: ProfileSelectionTranslation,
             manager: ManagerTranslation,
             help: HelpTranslation,
+            settings: SettingsTranslation,
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation
diff --git a/src/i18n/fr/pages/SettingsTranslation.ts b/src/i18n/fr/pages/SettingsTranslation.ts
new file mode 100644
index 000000000..16ff29aee
--- /dev/null
+++ b/src/i18n/fr/pages/SettingsTranslation.ts
@@ -0,0 +1,192 @@
+export const SettingsTranslation = {
+    groups: {
+        all: 'Tous',
+        profile: 'Profil',
+        locations: 'Emplacements',
+        debugging: 'Débogage',
+        other: 'Autres',
+        modpacks: 'Packs de mods',
+    },
+    locations: {
+        browseDataFolder: {
+            title: 'Parcourir le dossier de données',
+            description: 'Ouvrir le dossier où les mods sont stockés pour tous les jeux et profils.',
+        },
+        changeGameFolder: {
+            title: 'Modifier l\'emplacement du dossier de {gameName}',
+            description: 'Modifier l\'emplacement du dossier de {gameName} utilisé par {appName}.',
+            setManually: 'Vous devez localiser le dossier du jeu manuellement en cliquant ici'
+        },
+        browseProfileFolder: {
+            title: 'Parcourir le dossier du profil',
+            description: 'Ouvrir le dossier où les mods sont stockés pour le profil actuel.',
+        },
+        changeDataFolder: {
+            title: 'Modifier le dossier de données',
+            description: 'Modifier le dossier où les mods sont stockés pour tous les jeux et profils. Le dossier ne sera pas supprimé et les profils existants ne seront pas transférés.',
+        },
+        changeSteamFolder: {
+            title: `Modifier le dossier {''}@:translations.platforms.STEAM{''}`,
+            description: `Modifier l'emplacement du dossier @:translations.platforms.STEAM utilisé par {appName}.`,
+            states: {
+                setManually: 'Vous devez cliquer sur ce paramètre et localiser le dossier manuellement'
+            }
+        }
+    },
+    debugging: {
+        copyLogFile: {
+            title: 'Copier le contenu du fichier journal dans le presse-papiers',
+            description: 'Copier le texte du fichier LogOutput.log dans le presse-papiers, avec un formatage Discord.',
+            logFileExists: 'Le fichier journal existe',
+            logFileDoesNotExist: 'Le fichier journal n\'existe pas',
+        },
+        copyTroubleshootingInfo: {
+            title: 'Copier les informations de dépannage dans le presse-papiers',
+            description: 'Copier les paramètres et autres informations dans le presse-papiers, avec un formatage Discord.',
+            value: 'Partagez ces informations lorsque vous demandez de l\'aide sur Discord.',
+        },
+        toggleDownloadCache: {
+            title: 'Basculer le cache de téléchargement',
+            description: 'Le téléchargement d\'un mod ignorera les mods stockés dans le cache. Les mods seront toujours placés dans le cache.',
+            enabled: 'Cache activé (recommandé)',
+            disabled: 'Cache désactivé',
+        },
+        setLaunchArguments: {
+            title: 'Définir les arguments de lancement',
+            description: 'Fournir des arguments personnalisés utilisés pour démarrer le jeu.',
+            value: 'Ces commandes sont utilisées avec l\'exécutable Steam au démarrage du jeu'
+        },
+        cleanModCache: {
+            title: 'Nettoyer le cache des mods',
+            description: 'Libérer de l\'espace supplémentaire causé par les mods mis en cache qui ne sont pas actuellement dans un profil.',
+            value: 'Vérifier tous les profils pour les mods inutilisés et vider le cache',
+        },
+        cleanOnlineModList: {
+            title: 'Nettoyer la liste des mods en ligne',
+            description: 'Supprime la copie locale de la liste de mods, forçant la prochaine actualisation à en récupérer une nouvelle.',
+            states: {
+                updating: 'La liste des mods en ligne est en cours de mise à jour, veuillez attendre que l\'opération soit terminée',
+                hasCopy: '{gameName} a une copie locale de la liste de mods en ligne',
+                doesNotHaveCopy: '{gameName} n\'a aucune copie locale stockée',
+                errorOccurred: 'Une erreur est survenue lors de la vérification du statut de la liste des mods',
+                unknown: 'Statut inconnu'
+            }
+        },
+        toggleThunderstoreCdn: {
+            title: 'Activer / désactiver le CDN Thunderstore préféré',
+            description: 'Changer le CDN jusqu\'au redémarrage de l\'application. Cela pourrait contourner les problèmes de téléchargement des mods.',
+            current: 'Actuel : {label} ({url})'
+        },
+        resetGameInstallation: {
+            title: 'Réinitialiser l\'installation de {gameName}',
+            description: 'Résoudre les problèmes causés par des fichiers corrompus ou des fichiers restants des tentatives de modding manuel.',
+            value: `Cela supprimera tout le contenu du dossier "{folderName}" et vérifiera les fichiers en utilisant @:translations.platforms.STEAM`
+        },
+        changeLaunchBehaviour: {
+            title: 'Modifier le comportement de lancement',
+            description: 'Sélectionner un comportement de lancement spécifique, comme forcer Steam à se lancer avec Proton',
+            value: `Le comportement de lancement actuel est défini sur : @:translations.enums.launchType.{launchType}`
+        }
+    },
+    profile: {
+        changeProfile: {
+            title: 'Changer de profil',
+            description: 'Changer le profil de mods.',
+            value: 'Profil actuel : {profileName}',
+        },
+        enableAllMods: {
+            title: 'Activer tous les mods',
+            description: 'Activer tous les mods pour le profil actuel.',
+            value: `
+            Aucun mod n'est actuellement activé. Vous avez {totalModCount} mods |
+            1 mod est activé sur {totalModCount} |
+            {enabledModCount} mods sont activés sur {totalModCount}
+            `
+        },
+        disableAllMods: {
+            title: 'Désactiver tous les mods',
+            description: 'Désactiver tous les mods pour le profil actuel.',
+            value: `
+            Aucun mod n'est actuellement désactivé. Vous avez {totalModCount} mods |
+            1 mod est désactivé sur {totalModCount} |
+            {disabledModCount} mods sont désactivés sur {totalModCount}
+            `,
+        },
+        importLocalMod: {
+            title: 'Importer un mod local',
+            description: `Installer un mod qui n'a pas été téléchargé depuis l'onglet "{''}@:translations.pages.manager.navigation.modsActions.online{''}".`,
+            value: 'Le gestionnaire tentera d\'installer les mods correctement. Il n\'est pas garanti que l\'installation se déroule comme prévu.'
+        },
+        exportProfileAsFile: {
+            title: 'Exporter le profil en tant que fichier',
+            description: 'Exporter votre liste de mods et vos configurations en tant que fichier.',
+            value: 'Le fichier exporté peut être partagé avec des amis pour obtenir un profil identique rapidement et facilement',
+        },
+        exportProfileAsCode: {
+            title: 'Exporter le profil en tant que code',
+            description: 'Exporter votre liste de mods et vos configurations sous forme de code.',
+            value: 'Le code exporté peut être partagé avec des amis pour obtenir un profil identique rapidement et facilement',
+        },
+        updateAllMods: {
+            title: 'Mettre à jour tous les mods',
+            description: 'Mettre rapidement à jour tous les mods installés vers leurs dernières versions.',
+            value: `
+            Aucun mod n'est disponible pour la mise à jour |
+            Vous avez 1 mod disponible pour la mise à jour |
+            Vous avez {count} mods disponibles pour la mise à jour
+            `,
+        }
+    },
+    other: {
+        toggleFunkyMode: {
+            title: 'Activer / désactiver le mode funky',
+            description: 'Activer / désactiver le mode funky.',
+            states: {
+                enabled: 'Le mode funky est activé',
+                disabled: 'Le mode funky est désactivé',
+            },
+        },
+        switchTheme: {
+            title: 'Changer de thème',
+            description: 'Basculer entre les thèmes clair et sombre.',
+            themes: {
+                light: 'Actuel : Thème clair (par défaut)',
+                dark: 'Actuel : Thème sombre',
+            },
+        },
+        switchCardDisplayType: {
+            title: 'Changer le type d\'affichage des cartes',
+            description: 'Basculer entre les cartes agrandies ou réduites.',
+            states: {
+                expanded: 'Actuel : Agrandies',
+                collapsed: 'Actuel : Réduites (par défaut)'
+            }
+        },
+        refreshOnlineModList: {
+            title: 'Actualiser la liste des mods en ligne',
+            description: 'Vérifier les nouvelles versions de mods.',
+            states: {
+                refreshing: 'Actualisation en cours',
+                errorRefreshing: 'Un problème est survenu lors de l\'actualisation de la liste des mods : {errorText}',
+                disabledWhilstDownloading: 'L\'actualisation de la liste des mods est désactivée tant qu\'il y a des téléchargements actifs',
+                cacheDate: 'Date du cache : {formattedDate}',
+                apiUnavailable: 'Aucune information API disponible',
+            }
+        },
+        changeGame: {
+            title: 'Changer de jeu',
+            description: 'Changer le jeu actuel.',
+        }
+    },
+    modpacks: {
+        showDependencyStrings: {
+            title: 'Afficher les chaînes de dépendance',
+            description: 'Afficher une liste des mods installés avec leurs chaînes de version. Utilisé dans le tableau de dépendances à l\'intérieur du fichier manifest.json.',
+            value: `
+            Aucune chaîne de dépendance car il n'y a pas de mods installés. |
+            Afficher la chaîne de dépendance pour 1 mod |
+            Afficher les chaînes de dépendance pour {n} mods
+            `
+        }
+    }
+};

From 81e7d312009955bb15b5f154d9318a9bf1ba0b9e Mon Sep 17 00:00:00 2001
From: cade <cade.ayres@riskidev.fi>
Date: Mon, 17 Nov 2025 10:12:57 +0000
Subject: [PATCH 55/59] Added missing translations for SettingsView

---
 src/components/settings-components/SettingsView.vue |  8 ++++----
 src/i18n/base/pages/SettingsMessageFormat.ts        |  9 +++++++++
 src/i18n/en/pages/SettingsTranslation.ts            |  9 +++++++++
 src/i18n/fr/pages/SettingsTranslation.ts            | 13 ++++++++++++-
 4 files changed, 34 insertions(+), 5 deletions(-)

diff --git a/src/components/settings-components/SettingsView.vue b/src/components/settings-components/SettingsView.vue
index 72e7cdc17..f3cfadd66 100644
--- a/src/components/settings-components/SettingsView.vue
+++ b/src/components/settings-components/SettingsView.vue
@@ -406,16 +406,16 @@ function emitInvoke(invoked: string) {
 
 <template>
     <div id="settings-view">
-        <Hero title='Settings'
-              :subtitle='`Advanced options for ${appName}: ` + managerVersionNumber.toString()'
+        <Hero :title='t(`translations.pages.manager.navigation.otherActions.settings`)'
+              :subtitle='t(`translations.pages.settings.title.subtitle`, { appName: appName, version: managerVersionNumber.toString() })'
               heroType='primary'/>
         <div class="margin-right">
             <div class="sticky-top sticky-top--opaque sticky-top--no-shadow sticky-top--no-padding">
                 <div class='border-at-bottom'>
                     <div class='card is-shadowless is-square'>
                         <div class='card-header-title'>
-                            <span class="non-selectable margin-right">Search:</span>
-                            <input v-model='search' class="input" type="text" placeholder="Search for a setting"/>
+                            <span class="non-selectable margin-right">{{ t(`translations.pages.settings.actions.search.text`) }}</span>
+                            <input v-model='search' class="input" type="text" :placeholder="t(`translations.pages.settings.actions.search.placeholder`)"/>
                         </div>
                     </div>
                 </div>
diff --git a/src/i18n/base/pages/SettingsMessageFormat.ts b/src/i18n/base/pages/SettingsMessageFormat.ts
index eaf43b367..9331a2417 100644
--- a/src/i18n/base/pages/SettingsMessageFormat.ts
+++ b/src/i18n/base/pages/SettingsMessageFormat.ts
@@ -1,4 +1,13 @@
 export type SettingsMessageFormat = {
+    title: {
+        subtitle: string;
+    },
+    actions: {
+        search: {
+            text: string,
+            placeholder: string,
+        }
+    },
     groups: {
         all: string;
         profile: string;
diff --git a/src/i18n/en/pages/SettingsTranslation.ts b/src/i18n/en/pages/SettingsTranslation.ts
index 1141d6dfc..b4b8e9163 100644
--- a/src/i18n/en/pages/SettingsTranslation.ts
+++ b/src/i18n/en/pages/SettingsTranslation.ts
@@ -1,6 +1,15 @@
 import {SettingsMessageFormat} from "../../base/pages/SettingsMessageFormat";
 
 export const SettingsTranslation: SettingsMessageFormat = {
+    title: {
+        subtitle: 'Advanced options for {appName}: {version}'
+    },
+    actions: {
+        search: {
+            text: 'Search:',
+            placeholder: 'Search for a setting',
+        }
+    },
     groups: {
         all: 'All',
         profile: 'Profile',
diff --git a/src/i18n/fr/pages/SettingsTranslation.ts b/src/i18n/fr/pages/SettingsTranslation.ts
index 16ff29aee..296c4e5a7 100644
--- a/src/i18n/fr/pages/SettingsTranslation.ts
+++ b/src/i18n/fr/pages/SettingsTranslation.ts
@@ -1,4 +1,15 @@
-export const SettingsTranslation = {
+import {SettingsMessageFormat} from "src/i18n/base/pages/SettingsMessageFormat";
+
+export const SettingsTranslation: SettingsMessageFormat = {
+    title: {
+        subtitle: 'Options avancées pour {appName} : {version}',
+    },
+    actions: {
+        search: {
+            text: 'Recherche:',
+            placeholder: 'Rechercher un paramètre',
+        }
+    },
     groups: {
         all: 'Tous',
         profile: 'Profil',

From 1c9a74a0e6764ef2c39883a40c8eb9d0c3eafe82 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 28 Nov 2025 11:10:19 +0000
Subject: [PATCH 56/59] Added English/French translations for the ConfigEditor
 screen

---
 .../config-components/ConfigEditLayout.vue    | 23 +++++++++----
 .../ConfigSelectionLayout.vue                 | 31 ++++++++---------
 src/i18n/base/enums/EnumMessageFormat.ts      |  4 +++
 .../base/pages/ConfigEditorMessageFormat.ts   | 31 +++++++++++++++++
 src/i18n/en/enums/EnumTranslation.ts          |  4 +++
 src/i18n/en/index.ts                          |  5 ++-
 src/i18n/en/pages/ConfigEditorTranslation.ts  | 33 +++++++++++++++++++
 src/i18n/fr/enums/EnumTranslation.ts          |  4 +++
 src/i18n/fr/index.ts                          |  2 ++
 src/i18n/fr/pages/ConfigEditorTranslation.ts  | 33 +++++++++++++++++++
 src/i18n/index.ts                             |  5 ++-
 11 files changed, 149 insertions(+), 26 deletions(-)
 create mode 100644 src/i18n/base/pages/ConfigEditorMessageFormat.ts
 create mode 100644 src/i18n/en/pages/ConfigEditorTranslation.ts
 create mode 100644 src/i18n/fr/pages/ConfigEditorTranslation.ts

diff --git a/src/components/config-components/ConfigEditLayout.vue b/src/components/config-components/ConfigEditLayout.vue
index 592a2c281..b17006d21 100644
--- a/src/components/config-components/ConfigEditLayout.vue
+++ b/src/components/config-components/ConfigEditLayout.vue
@@ -2,16 +2,20 @@
     <div>
         <Hero
             :title="configFile.getName()"
-            subtitle="Editing config file"
+            :subtitle="t('translations.pages.configEditor.editConfig.subtitle')"
             hero-type="primary"
         />
         <br/>
         <div class="sticky-top sticky-top--buttons margin-right">
-            <button class="button is-info margin-right margin-right--half-width" @click="save">Save</button>
-            <button class="button is-danger" @click="cancel">Cancel</button>
+            <button class="button is-info margin-right margin-right--half-width" @click="save">
+                {{ t('translations.pages.configEditor.editConfig.actions.save') }}
+            </button>
+            <button class="button is-danger" @click="cancel">
+                {{ t('translations.pages.configEditor.editConfig.actions.cancel') }}
+            </button>
         </div>
         <div v-if="configFile.getPath().toLowerCase().endsWith('.cfg')" class="margin-right non-selectable">
-            <h3 class='subtitle is-3'>Sections</h3>
+            <h3 class='subtitle is-3'>{{ t('translations.pages.configEditor.editConfig.sections') }}</h3>
             <ul>
                 <li v-for="(value, key) in dumpedConfigVariables" :key="`${key}-${value.toString()}-tab`">
                     <a :href="`#${key}`">{{ key }}</a>
@@ -30,8 +34,10 @@
                                 <span class="pre selectable" v-if="!line.commentsExpanded">{{getCommentDisplayShort(line.comments)}}</span>
                                 <span class="pre selectable" v-else>{{getCommentDisplay(line.comments)}}</span>
                                 <a @click="toggleEntryExpansion(key, variable)">
-                                    <span v-if="!line.commentsExpanded">Show more</span>
-                                    <span v-else>Show less</span>
+                                    <span v-if="!line.commentsExpanded">
+                                        {{ t('translations.pages.configEditor.editConfig.actions.showMore') }}
+                                    </span>
+                                    <span v-else>{{ t('translations.pages.configEditor.editConfig.actions.showLess') }}</span>
                                 </a>
                             </template>
                             <span class="pre" v-else>{{getCommentDisplay(line.comments)}}</span>
@@ -79,15 +85,18 @@
 import ConfigLine from '../../model/file/ConfigLine';
 import FsProvider from '../../providers/generic/file/FsProvider';
 import ConfigFile from '../../model/file/ConfigFile';
-import { DeferredInput, Hero } from '../all';
+import { Hero } from '../all';
 import QuillEditor from '../QuillEditor.vue';
 import BepInExConfigUtils from '../../utils/BepInExConfigUtils';
 import { onMounted, ref } from 'vue';
+import { useI18n } from 'vue-i18n';
 
 type ConfigEditLayoutProps = {
     configFile: ConfigFile;
 }
 
+const { t, d, messages, locale } = useI18n();
+
 const props = defineProps<ConfigEditLayoutProps>();
 const emits = defineEmits<{
     (e: 'changed'): void;
diff --git a/src/components/config-components/ConfigSelectionLayout.vue b/src/components/config-components/ConfigSelectionLayout.vue
index 84600e441..df642db52 100644
--- a/src/components/config-components/ConfigSelectionLayout.vue
+++ b/src/components/config-components/ConfigSelectionLayout.vue
@@ -1,42 +1,40 @@
 <template>
     <div>
         <Hero
-            title="Config editor"
-            subtitle="Select a configuration file to edit"
+            :title="t('translations.pages.configEditor.hero.title')"
+            :subtitle="t('translations.pages.configEditor.hero.subtitle')"
             hero-type="primary"
         />
         <div class="notification is-warning is-square">
             <div class="container">
-                <p>
-                    Configuration files are generated after launching the game, with the mod installed, at least once.
-                </p>
+                <p>{{ t('translations.pages.configEditor.warning.content') }}</p>
             </div>
         </div>
         <div class='is-shadowless'>
             <div class='no-padding-left card-header-title'>
 
                 <div class="input-group input-group--flex margin-right">
-                    <label for="config-search" class="non-selectable">Search</label>
+                    <label for="config-search" class="non-selectable">{{ t('translations.pages.configEditor.actions.search.label') }}</label>
                     <input
                         v-model="filterText"
                         id="config-search"
                         class="input margin-right"
                         type="text"
-                        placeholder="Search for config files"
+                        :placeholder="t('translations.pages.configEditor.actions.search.placeholder')"
                         autocomplete="off"
                     />
                 </div>
 
                 <div class="input-group margin-right">
-                    <label for="config-sort-order" class="non-selectable">Sort</label>
+                    <label for="config-sort-order" class="non-selectable">{{ t('translations.pages.configEditor.actions.sort.label') }}</label>
                     <select id="config-sort-order" class="select select--content-spacing margin-right margin-right--half-width" v-model="sortOrder">
-                        <option v-for="(key, index) in getSortOrderOptions()" :key="`${index}-deprecated-position-option`">
-                            {{key}}
+                        <option v-for="(key, index) in SortConfigFile" :key="`${index}-deprecated-position-option`" :value="key">
+                            {{ t(`translations.enums.sortConfigFile.${EnumResolver.from(SortConfigFile, key)}`) }}
                         </option>
                     </select>
                     <select id="config-sort-direction" class="select select--content-spacing" v-model="sortDirection">
-                        <option v-for="(key, index) in getSortDirectionOptions()" :key="`${index}-deprecated-position-option`">
-                            {{key}}
+                        <option v-for="(key, index) in SortDirection" :key="`${index}-deprecated-position-option`" :value="key">
+                            {{ t(`translations.enums.sortDirection.${EnumResolver.from(SortDirection, key)}`) }}
                         </option>
                     </select>
                 </div>
@@ -51,9 +49,9 @@
                     <template v-slot:title>
                         <span>{{file.getName()}}</span>
                     </template>
-                    <a class='card-footer-item' @click="editConfig(file)">Edit Config</a>
-                    <a class='card-footer-item' @click="openConfig(file)">Open File</a>
-                    <a class='card-footer-item' @click="deleteConfig(file)">Delete</a>
+                    <a class='card-footer-item' @click="editConfig(file)">{{ t('translations.pages.configEditor.actions.editConfig' )}}</a>
+                    <a class='card-footer-item' @click="openConfig(file)">{{ t('translations.pages.configEditor.actions.openFile' )}}</a>
+                    <a class='card-footer-item' @click="deleteConfig(file)">{{ t('translations.pages.configEditor.actions.delete' )}}</a>
                 </ExpandableCard>
             </div>
         </div>
@@ -76,8 +74,11 @@ import { computed, onMounted, ref, watch, watchEffect } from 'vue';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
 import path from '../../providers/node/path/path';
+import { useI18n } from 'vue-i18n';
+import EnumResolver from '../../model/enums/_EnumResolver';
 
 const store = getStore<State>();
+const { t, d, messages, locale } = useI18n();
 
 const emits = defineEmits<{
     (e: 'edit', file: ConfigFile): void;
diff --git a/src/i18n/base/enums/EnumMessageFormat.ts b/src/i18n/base/enums/EnumMessageFormat.ts
index 40a7e597c..42bd4ed91 100644
--- a/src/i18n/base/enums/EnumMessageFormat.ts
+++ b/src/i18n/base/enums/EnumMessageFormat.ts
@@ -28,5 +28,9 @@ export type EnumMessageFormat = {
         AUTO: string;
         NATIVE: string;
         PROTON: string;
+    },
+    sortConfigFile: {
+        NAME: string;
+        LAST_UPDATED: string;
     }
 }
diff --git a/src/i18n/base/pages/ConfigEditorMessageFormat.ts b/src/i18n/base/pages/ConfigEditorMessageFormat.ts
new file mode 100644
index 000000000..8f14238a7
--- /dev/null
+++ b/src/i18n/base/pages/ConfigEditorMessageFormat.ts
@@ -0,0 +1,31 @@
+export type ConfigEditorMessageFormat = {
+    hero: {
+        title: string;
+        subtitle: string;
+    },
+    warning: {
+        content: string;
+    },
+    actions: {
+        editConfig: string;
+        openFile: string;
+        delete: string;
+        search: {
+            label: string;
+            placeholder: string;
+        };
+        sort: {
+            label: string;
+        }
+    },
+    editConfig: {
+        subtitle: string;
+        sections: string;
+        actions: {
+            save: string;
+            cancel: string;
+            showMore: string;
+            showLess: string;
+        }
+    }
+}
diff --git a/src/i18n/en/enums/EnumTranslation.ts b/src/i18n/en/enums/EnumTranslation.ts
index d03fe4042..abf20d3a1 100644
--- a/src/i18n/en/enums/EnumTranslation.ts
+++ b/src/i18n/en/enums/EnumTranslation.ts
@@ -28,5 +28,9 @@ export const EnumTranslation: EnumMessageFormat = {
         AUTO: 'Auto',
         NATIVE: 'Native',
         PROTON: 'Proton',
+    },
+    sortConfigFile: {
+        NAME: 'Name',
+        LAST_UPDATED: 'Last updated'
     }
 }
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 04484e775..6b3c70597 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -1,6 +1,3 @@
-// This is just an example,
-// so you can safely delete all default props below
-
 import { DateTimeFormat, MessageFormat } from '../index';
 import {GameSelectionTranslation} from "./pages/GameSelectionTranslation";
 import {SplashTranslation} from "./pages/SplashTranslation";
@@ -10,6 +7,7 @@ import { ManagerTranslation } from './pages/ManagerTranslation';
 import {EnumTranslation} from "./enums/EnumTranslation";
 import {HelpTranslation} from './pages/HelpTranslation';
 import {SettingsTranslation} from "./pages/SettingsTranslation";
+import { ConfigEditorTranslation } from './pages/ConfigEditorTranslation';
 
 const message: MessageFormat = {
     metadata: {
@@ -24,6 +22,7 @@ const message: MessageFormat = {
             manager: ManagerTranslation,
             help: HelpTranslation,
             settings: SettingsTranslation,
+            configEditor: ConfigEditorTranslation,
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation,
diff --git a/src/i18n/en/pages/ConfigEditorTranslation.ts b/src/i18n/en/pages/ConfigEditorTranslation.ts
new file mode 100644
index 000000000..2832ff549
--- /dev/null
+++ b/src/i18n/en/pages/ConfigEditorTranslation.ts
@@ -0,0 +1,33 @@
+import { ConfigEditorMessageFormat } from '../../base/pages/ConfigEditorMessageFormat';
+
+export const ConfigEditorTranslation: ConfigEditorMessageFormat = {
+    hero: {
+        title: 'Config editor',
+        subtitle: 'Select a configuration file to edit'
+    },
+    warning: {
+        content: 'Configuration files are generated after launching the game, with the mod installed, at least once.'
+    },
+    actions: {
+        delete: 'Delete',
+        editConfig: 'Edit config',
+        openFile: 'Open file',
+        search: {
+            label: 'Search',
+            placeholder: 'Search for a config file',
+        },
+        sort: {
+            label: 'Sort'
+        }
+    },
+    editConfig: {
+        actions: {
+            cancel: 'Cancel',
+            save: 'Save',
+            showMore: 'Show more',
+            showLess: 'Show less'
+        },
+        sections: 'Sections',
+        subtitle: 'Editing config file'
+    }
+};
diff --git a/src/i18n/fr/enums/EnumTranslation.ts b/src/i18n/fr/enums/EnumTranslation.ts
index 61410700c..3300b9782 100644
--- a/src/i18n/fr/enums/EnumTranslation.ts
+++ b/src/i18n/fr/enums/EnumTranslation.ts
@@ -28,5 +28,9 @@ export const EnumTranslation: EnumMessageFormat = {
         AUTO: 'Auto',
         NATIVE: 'Natif',
         PROTON: 'Proton',
+    },
+    sortConfigFile: {
+        NAME: 'Nom',
+        LAST_UPDATED: 'Dernière mise à jour',
     }
 }
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index cb43b1e39..63ed9fdc5 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -7,6 +7,7 @@ import { DateTimeFormat } from 'src/i18n';
 import { EnumTranslation } from './enums/EnumTranslation';
 import { HelpTranslation } from './pages/HelpTranslation';
 import { SettingsTranslation } from './pages/SettingsTranslation';
+import { ConfigEditorTranslation } from './pages/ConfigEditorTranslation';
 
 const message = {
     metadata: {
@@ -21,6 +22,7 @@ const message = {
             manager: ManagerTranslation,
             help: HelpTranslation,
             settings: SettingsTranslation,
+            configEditor: ConfigEditorTranslation
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation
diff --git a/src/i18n/fr/pages/ConfigEditorTranslation.ts b/src/i18n/fr/pages/ConfigEditorTranslation.ts
new file mode 100644
index 000000000..f14865dd3
--- /dev/null
+++ b/src/i18n/fr/pages/ConfigEditorTranslation.ts
@@ -0,0 +1,33 @@
+import { ConfigEditorMessageFormat } from '../../base/pages/ConfigEditorMessageFormat';
+
+export const ConfigEditorTranslation: ConfigEditorMessageFormat = {
+    hero: {
+        title: 'Éditeur de configuration',
+        subtitle: 'Sélectionner un fichier de configuration à modifier'
+    },
+    warning: {
+        content: 'Les fichiers de configuration sont générés après avoir lancé le jeu, avec le mod installé, au moins une fois.'
+    },
+    actions: {
+        delete: 'Supprimer',
+        editConfig: 'Modifier la configuration',
+        openFile: 'Ouvrir le fichier',
+        search: {
+            label: 'Recherche',
+            placeholder: 'Rechercher un fichier de configuration',
+        },
+        sort: {
+            label: 'Trier'
+        }
+    },
+    editConfig: {
+        actions: {
+            cancel: 'Annuler',
+            save: 'Enregistrer',
+            showMore: 'Afficher plus',
+            showLess: 'Afficher moins'
+        },
+        sections: 'Sections',
+        subtitle: 'Modification du fichier de configuration'
+    }
+};
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index 5c93e7e56..b8f12cc00 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -7,6 +7,8 @@ import { ProfileSelectionMessageFormat } from './base/pages/ProfileSelectionMess
 import { ManagerMessageFormat } from './base/pages/ManagerMessageFormat';
 import {EnumMessageFormat} from "./base/enums/EnumMessageFormat";
 import { HelpMessageFormat } from './base/pages/HelpMessageFormat';
+import { SettingsMessageFormat } from './base/pages/SettingsMessageFormat';
+import { ConfigEditorMessageFormat } from './base/pages/ConfigEditorMessageFormat';
 
 export default {
     'en': langEn,
@@ -33,7 +35,8 @@ export type MessageFormat = {
             profileSelection: ProfileSelectionMessageFormat,
             manager: ManagerMessageFormat,
             help: HelpMessageFormat,
-            // settings: SettingsMessageFormat,
+            settings: SettingsMessageFormat,
+            configEditor: ConfigEditorMessageFormat,
         },
         platforms: PlatformMessageFormat;
         enums: EnumMessageFormat;

From 7590dcb38c29a755e1ea12eac0b947023ed531a5 Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Fri, 28 Nov 2025 11:33:05 +0000
Subject: [PATCH 57/59] Added English/French translations for the Profile
 Switcher modal

---
 .../modals/ProfileManagementModal.vue         | 36 +++++++++----------
 src/i18n/base/pages/ManagerMessageFormat.ts   |  3 +-
 src/i18n/en/pages/ManagerTranslation.ts       |  3 +-
 src/i18n/fr/pages/ManagerTranslation.ts       |  4 ++-
 4 files changed, 25 insertions(+), 21 deletions(-)

diff --git a/src/components/modals/ProfileManagementModal.vue b/src/components/modals/ProfileManagementModal.vue
index c9bfc6b16..771be1a38 100644
--- a/src/components/modals/ProfileManagementModal.vue
+++ b/src/components/modals/ProfileManagementModal.vue
@@ -1,18 +1,16 @@
 <script lang="ts" setup>
 import ModalCard from '../ModalCard.vue';
-import { computed, getCurrentInstance, onMounted } from 'vue';
+import { computed } from 'vue';
 import SettingsItem from '../settings-components/SettingsItem.vue';
-import VueRouter from 'vue-router';
+import { useRouter } from 'vue-router';
 import R2Error from '../../model/errors/R2Error';
 import { getStore } from '../../providers/generic/store/StoreProvider';
 import { State } from '../../store';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
-let router!: VueRouter;
-
-onMounted(() => {
-    router = getCurrentInstance()!.proxy.$router;
-})
+const router = useRouter();
+const { t } = useI18n();
 
 const isOpen = computed(() => store.state.modals.isProfileManagementModalOpen);
 
@@ -52,39 +50,41 @@ async function importLocalMod() {
 <template>
     <ModalCard id="profile-management-modal" :can-close="true" :is-active="isOpen" @close-modal="closeModal">
         <template v-slot:header>
-            <h2 class='modal-title non-selectable'>Profile</h2>
+            <h2 class='modal-title non-selectable'>{{ t('translations.pages.manager.navigation.profileSwitcher.label') }}</h2>
         </template>
         <template v-slot:body>
             <SettingsItem
-                action="Change profile"
-                description="Return to the profile selection screen"
+                :action="t('translations.pages.settings.profile.changeProfile.title')"
+                :description="t('translations.pages.settings.profile.changeProfile.description')"
                 icon="fa-file-import"
                 :value="async () => undefined"
                 @click="changeProfile" />
             <SettingsItem
-                action="Export profile as a file"
-                description="Export your mod list and configs as a file"
+                :action="t('translations.pages.settings.profile.exportProfileAsFile.title')"
+                :description="t('translations.pages.settings.profile.exportProfileAsFile.description')"
                 icon="fa-file-alt"
                 :value="async () => undefined"
                 @click="exportProfileAsFile"
             />
             <SettingsItem
-                action="Export profile as code"
-                description="Export your mod list and configs as a code"
+                :action="t('translations.pages.settings.profile.exportProfileAsCode.title')"
+                :description="t('translations.pages.settings.profile.exportProfileAsCode.description')"
                 icon="fa-cloud-upload-alt"
                 :value="async () => undefined"
                 @click="exportProfileAsCode"
             />
             <SettingsItem
-                action="Import local mod"
-                description="Install a mod offline from your files"
+                :action="t('translations.pages.settings.profile.importLocalMod.title')"
+                :description="t('translations.pages.settings.profile.importLocalMod.description')"
                 icon="fa-file-import"
-                :value="async () => 'Not all mods can be installed locally'"
+                :value="async () => t('translations.pages.settings.profile.importLocalMod.value')"
                 @click="importLocalMod"
             />
         </template>
         <template v-slot:footer>
-            <button class="button is-info" @click="closeModal">Close</button>
+            <button class="button is-info" @click="closeModal">
+                {{ t('translations.pages.manager.navigation.profileSwitcher.close') }}
+            </button>
         </template>
     </ModalCard>
 </template>
diff --git a/src/i18n/base/pages/ManagerMessageFormat.ts b/src/i18n/base/pages/ManagerMessageFormat.ts
index d055644f3..3698fb2e7 100644
--- a/src/i18n/base/pages/ManagerMessageFormat.ts
+++ b/src/i18n/base/pages/ManagerMessageFormat.ts
@@ -22,6 +22,7 @@ export type ManagerMessageFormat = {
         profileSwitcher: {
             label: string;
             gameIconAltText: string;
+            close: string;
         }
     },
     installed: {
@@ -219,7 +220,7 @@ export type ManagerMessageFormat = {
                 copyLaunchArgs: string;
                 update: string;
             }
-        }
+        },
     },
     online: {
         modals: {
diff --git a/src/i18n/en/pages/ManagerTranslation.ts b/src/i18n/en/pages/ManagerTranslation.ts
index 327d70bbe..c8d3efbdb 100644
--- a/src/i18n/en/pages/ManagerTranslation.ts
+++ b/src/i18n/en/pages/ManagerTranslation.ts
@@ -23,7 +23,8 @@ export const ManagerTranslation: ManagerMessageFormat = {
         },
         profileSwitcher: {
             label: 'Profile',
-            gameIconAltText: 'Game image'
+            gameIconAltText: 'Game image',
+            close: 'Close',
         }
     },
     installed: {
diff --git a/src/i18n/fr/pages/ManagerTranslation.ts b/src/i18n/fr/pages/ManagerTranslation.ts
index 0b5b11134..f16b4aa5e 100644
--- a/src/i18n/fr/pages/ManagerTranslation.ts
+++ b/src/i18n/fr/pages/ManagerTranslation.ts
@@ -23,7 +23,8 @@ export const ManagerTranslation: ManagerMessageFormat = {
         },
         profileSwitcher: {
             label: 'Profil',
-            gameIconAltText: 'Image du jeu'
+            gameIconAltText: 'Image du jeu',
+            close: 'Fermer',
         },
     },
     installed: {
@@ -186,6 +187,7 @@ export const ManagerTranslation: ManagerMessageFormat = {
             downloadProgress: 'Téléchargement en cours : {progress}% sur {totalSize}',
             installProgress: 'Installation en cours : {progress}% terminée',
             waitingForDownload: 'Installation en cours : en attente de la fin du téléchargement',
+            extractionProgress: 'Extraction : {progress}% de {totalSize}'
         },
         downloadModVersionSelect: {
             title: 'Sélectionnez une version de {modName} à télécharger',

From 5cea6f5d669b87a0136005c6d4dcb708bf48e19e Mon Sep 17 00:00:00 2001
From: Cade Ayres <ca469@kent.ac.uk>
Date: Sun, 28 Dec 2025 22:13:57 +0000
Subject: [PATCH 58/59] Added English/French translations for
 DownloadMonitor.vue

---
 .../pages/DownloadMonitorMessageFormat.ts     | 24 ++++++++++
 src/i18n/en/index.ts                          |  4 +-
 .../en/pages/DownloadMonitorTranslation.ts    | 26 ++++++++++
 src/i18n/fr/index.ts                          |  4 +-
 .../fr/pages/DownloadMonitorTranslation.ts    | 26 ++++++++++
 src/i18n/index.ts                             |  2 +
 src/pages/DownloadMonitor.vue                 | 47 +++++++++++--------
 7 files changed, 112 insertions(+), 21 deletions(-)
 create mode 100644 src/i18n/base/pages/DownloadMonitorMessageFormat.ts
 create mode 100644 src/i18n/en/pages/DownloadMonitorTranslation.ts
 create mode 100644 src/i18n/fr/pages/DownloadMonitorTranslation.ts

diff --git a/src/i18n/base/pages/DownloadMonitorMessageFormat.ts b/src/i18n/base/pages/DownloadMonitorMessageFormat.ts
new file mode 100644
index 000000000..1b9c33e44
--- /dev/null
+++ b/src/i18n/base/pages/DownloadMonitorMessageFormat.ts
@@ -0,0 +1,24 @@
+export type DownloadMonitorMessageFormat = {
+    title: {
+        text: string;
+        subtitle: string;
+    },
+    state: {
+        hasNothing: {
+            inform: string;
+            action: string;
+        },
+        hasContent: {
+            action: string;
+            downloadFailed: string;
+            downloadComplete: string;
+        },
+        modProgress: {
+            downloading: string;
+            extracting: string;
+            progress: string;
+            installing: string;
+            waiting: string;
+        }
+    }
+}
diff --git a/src/i18n/en/index.ts b/src/i18n/en/index.ts
index 6b3c70597..2232347a2 100644
--- a/src/i18n/en/index.ts
+++ b/src/i18n/en/index.ts
@@ -8,6 +8,7 @@ import {EnumTranslation} from "./enums/EnumTranslation";
 import {HelpTranslation} from './pages/HelpTranslation';
 import {SettingsTranslation} from "./pages/SettingsTranslation";
 import { ConfigEditorTranslation } from './pages/ConfigEditorTranslation';
+import { DownloadMonitorTranslation } from './pages/DownloadMonitorTranslation';
 
 const message: MessageFormat = {
     metadata: {
@@ -23,6 +24,7 @@ const message: MessageFormat = {
             help: HelpTranslation,
             settings: SettingsTranslation,
             configEditor: ConfigEditorTranslation,
+            downloadMonitor: DownloadMonitorTranslation
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation,
@@ -39,5 +41,5 @@ export const dateTimeFormat: DateTimeFormat = {
     },
 }
 
-// Exported separately to enforce validation on exported type
+// Exported separately to enforce validation on the exported type
 export default message;
diff --git a/src/i18n/en/pages/DownloadMonitorTranslation.ts b/src/i18n/en/pages/DownloadMonitorTranslation.ts
new file mode 100644
index 000000000..00c3e68d6
--- /dev/null
+++ b/src/i18n/en/pages/DownloadMonitorTranslation.ts
@@ -0,0 +1,26 @@
+import { DownloadMonitorMessageFormat } from '../../base/pages/DownloadMonitorMessageFormat';
+
+export const DownloadMonitorTranslation: DownloadMonitorMessageFormat = {
+    title: {
+        text: 'Downloads',
+        subtitle: 'Monitor progress of downloads'
+    },
+    state: {
+        hasNothing: {
+            inform: `You don't have anything downloading`,
+            action: 'Click here to download something'
+        },
+        hasContent: {
+            action: 'Clear finished',
+            downloadFailed: 'Download failed',
+            downloadComplete: 'Download complete'
+        },
+        modProgress: {
+            downloading: 'Downloading: {modName}',
+            extracting: 'Extracting: {modName}',
+            progress: '{progress}% of {totalSize}',
+            installing: 'Installing: {modName}',
+            waiting: 'Waiting for download to finish',
+        }
+    }
+}
diff --git a/src/i18n/fr/index.ts b/src/i18n/fr/index.ts
index 63ed9fdc5..43851924a 100644
--- a/src/i18n/fr/index.ts
+++ b/src/i18n/fr/index.ts
@@ -8,6 +8,7 @@ import { EnumTranslation } from './enums/EnumTranslation';
 import { HelpTranslation } from './pages/HelpTranslation';
 import { SettingsTranslation } from './pages/SettingsTranslation';
 import { ConfigEditorTranslation } from './pages/ConfigEditorTranslation';
+import { DownloadMonitorTranslation } from './pages/DownloadMonitorTranslation';
 
 const message = {
     metadata: {
@@ -22,7 +23,8 @@ const message = {
             manager: ManagerTranslation,
             help: HelpTranslation,
             settings: SettingsTranslation,
-            configEditor: ConfigEditorTranslation
+            configEditor: ConfigEditorTranslation,
+            downloadMonitor: DownloadMonitorTranslation,
         },
         platforms: PlatformTranslation,
         enums: EnumTranslation
diff --git a/src/i18n/fr/pages/DownloadMonitorTranslation.ts b/src/i18n/fr/pages/DownloadMonitorTranslation.ts
new file mode 100644
index 000000000..1dcba6565
--- /dev/null
+++ b/src/i18n/fr/pages/DownloadMonitorTranslation.ts
@@ -0,0 +1,26 @@
+import { DownloadMonitorMessageFormat } from '../../base/pages/DownloadMonitorMessageFormat';
+
+export const DownloadMonitorTranslation: DownloadMonitorMessageFormat = {
+    title: {
+        text: 'Téléchargements',
+        subtitle: 'Suivre la progression des téléchargements'
+    },
+    state: {
+        hasNothing: {
+            inform: `Aucun téléchargement en cours`,
+            action: 'Cliquez ici pour télécharger quelque chose'
+        },
+        hasContent: {
+            action: 'Effacer les terminés',
+            downloadFailed: 'Échec du téléchargement',
+            downloadComplete: 'Téléchargement terminé'
+        },
+        modProgress: {
+            downloading: 'Téléchargement : {modName}',
+            extracting: 'Extraction : {modName}',
+            progress: '{progress} % de {totalSize}',
+            installing: 'Installation : {modName}',
+            waiting: 'En attente de la fin du téléchargement',
+        }
+    }
+}
diff --git a/src/i18n/index.ts b/src/i18n/index.ts
index b8f12cc00..300c87257 100644
--- a/src/i18n/index.ts
+++ b/src/i18n/index.ts
@@ -9,6 +9,7 @@ import {EnumMessageFormat} from "./base/enums/EnumMessageFormat";
 import { HelpMessageFormat } from './base/pages/HelpMessageFormat';
 import { SettingsMessageFormat } from './base/pages/SettingsMessageFormat';
 import { ConfigEditorMessageFormat } from './base/pages/ConfigEditorMessageFormat';
+import { DownloadMonitorMessageFormat } from './base/pages/DownloadMonitorMessageFormat';
 
 export default {
     'en': langEn,
@@ -37,6 +38,7 @@ export type MessageFormat = {
             help: HelpMessageFormat,
             settings: SettingsMessageFormat,
             configEditor: ConfigEditorMessageFormat,
+            downloadMonitor: DownloadMonitorMessageFormat,
         },
         platforms: PlatformMessageFormat;
         enums: EnumMessageFormat;
diff --git a/src/pages/DownloadMonitor.vue b/src/pages/DownloadMonitor.vue
index d5e08b406..25fc964a8 100644
--- a/src/pages/DownloadMonitor.vue
+++ b/src/pages/DownloadMonitor.vue
@@ -1,24 +1,30 @@
 <template>
     <div id="download-monitor-view">
-        <Hero title="Downloads" subtitle="Monitor progress of downloads" hero-type="primary"/>
+        <Hero
+            :title="t('translations.pages.downloadMonitor.title.text')"
+            :subtitle="t('translations.pages.downloadMonitor.title.subtitle')"
+            hero-type="primary"
+        />
         <template v-if="store.state.download.allDownloads.length === 0">
             <div class='text-center top'>
                 <div class="margin-right">
                     <br/>
-                    <h3 class='title is-4'>You don't have anything downloading.</h3>
+                    <h3 class='title is-4'>
+                        {{ t('translations.pages.downloadMonitor.state.hasNothing.inform') }}
+                    </h3>
                     <h4 class='subtitle is-5'>
-                        Click <router-link :to="{name: 'manager.online'}">here</router-link> to download something.
+                        <router-link :to="{name: 'manager.online'}">
+                            {{ t('translations.pages.downloadMonitor.state.hasNothing.action') }}
+                        </router-link>
                     </h4>
                 </div>
             </div>
         </template>
         <template v-else>
             <div class="download-monitor-action-buttons border-at-bottom">
-                <button
-                    class="button ghost"
-                    @click="store.commit('download/removeAllInactive')"
-                >
-                    <i class="fas fa-times mr-2" />Clear finished
+                <button class="button ghost" @click="store.commit('download/removeAllInactive')">
+                    <i class="fas fa-times mr-2" />
+                    {{ t('translations.pages.downloadMonitor.state.hasContent.action') }}
                 </button>
             </div>
             <div v-for="(downloadObject, index) of store.getters['download/profileDownloadsNewestFirst']" :key="`download-progress-${index}`">
@@ -31,7 +37,7 @@
                                 <div class="col">
                                     <p>
                                         <i class="fas fa-exclamation-triangle" />
-                                        Download failed
+                                        {{ t('translations.pages.downloadMonitor.state.hasContent.downloadFailed') }}
                                     </p>
                                     <Progress
                                         :max='100'
@@ -45,7 +51,7 @@
                                 <div class="col">
                                     <p>
                                         <i class="fas fa-check" />
-                                        Download complete
+                                        {{ t('translations.pages.downloadMonitor.state.hasContent.downloadComplete') }}
                                     </p>
                                     <Progress
                                         :max='100'
@@ -60,15 +66,14 @@
                                 <div class="col">
                                     <p v-if="downloadObject.status === DownloadStatusEnum.DOWNLOADING">
                                         <i class="fas fa-download" />
-                                        Downloading: {{ downloadObject.modName }}
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.downloading', {modName: downloadObject.modName}) }}
                                     </p>
                                     <p v-else>
                                         <i class="fas fa-box-open" />
-                                        Extracting: {{ downloadObject.modName }}
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.extracting', {modName: downloadObject.modName}) }}
                                     </p>
                                     <p>
-                                        {{downloadObject.downloadProgress}}% of
-                                        {{FileUtils.humanReadableSize(downloadObject.totalDownloadSize)}}
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.progress', {progress: downloadObject.downloadProgress, totalSize: FileUtils.humanReadableSize(downloadObject.totalDownloadSize)}) }}
                                     </p>
                                     <Progress
                                         :max='100'
@@ -80,9 +85,9 @@
                                 <div class="col">
                                     <p>
                                         <i class="fas fa-cog" />
-                                        Installing:
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.installing', {modName: downloadObject.modName}) }}
                                     </p>
-                                    <p>Waiting for download to finish</p>
+                                    <p>{{ t('translations.pages.downloadMonitor.state.modProgress.waiting') }}</p>
                                     <Progress
                                         :max='100'
                                         :value='0'
@@ -95,15 +100,17 @@
                                 <div class="col">
                                     <p>
                                         <i class="fas fa-check" />
-                                        Download complete
+                                        {{ t('translations.pages.downloadMonitor.state.hasContent.downloadComplete', {modName: downloadObject.modName}) }}
+                                    </p>
+                                    <p>
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.progress', {progress: 100, totalSize: FileUtils.humanReadableSize(downloadObject.totalDownloadSize)}) }}
                                     </p>
-                                    <p>100% of {{FileUtils.humanReadableSize(downloadObject.totalDownloadSize)}}</p>
                                     <Progress :max='100' :value='100' :className="['is-success']" />
                                 </div>
                                 <div class="col">
                                     <p>
                                         <i class="fas fa-cog" spin />
-                                        Installing: {{ downloadObject.modName }}
+                                        {{ t('translations.pages.downloadMonitor.state.modProgress.installing', {modName: downloadObject.modName}) }}
                                     </p>
                                     <p>{{Math.min(Math.floor(downloadObject.installProgress), 100)}}% complete</p>
                                     <Progress
@@ -146,8 +153,10 @@ import { DownloadStatusEnum } from '../model/enums/DownloadStatusEnum';
 import * as DownloadUtils from '../utils/DownloadUtils';
 import { getStore } from '../providers/generic/store/StoreProvider';
 import { State } from '../store';
+import { useI18n } from 'vue-i18n';
 
 const store = getStore<State>();
+const { t } = useI18n();
 </script>
 
 <style lang="scss" scoped>

From 2a85ab46a4b62582b7d6a714f1eb5a50e86284ca Mon Sep 17 00:00:00 2001
From: cade <cade.ayres@riskidev.fi>
Date: Wed, 6 May 2026 18:27:44 +0800
Subject: [PATCH 59/59] Re-added i18n to game selection after merge and fixed
 bug

---
 .../game-selection/GameSelectionCard.vue           |  9 ++++++---
 .../game-selection/GameSelectionList.vue           | 14 ++++++++------
 src/pages/Manager.vue                              |  4 ++--
 src/pages/Splash.vue                               |  4 ++--
 4 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/src/components/game-selection/GameSelectionCard.vue b/src/components/game-selection/GameSelectionCard.vue
index 24f1fcd61..59522ff9f 100644
--- a/src/components/game-selection/GameSelectionCard.vue
+++ b/src/components/game-selection/GameSelectionCard.vue
@@ -3,7 +3,7 @@
         <div class="game-card">
             <div class="game-card__image">
                 <template v-if="activeTab === GameInstanceType.GAME">
-                    <img :src="getImageHref(`/images/game_selection/${game.gameImage}`)" alt="Game Logo" class="game-card__thumbnail"/>
+                    <img :src="getImageHref(`/images/game_selection/${game.gameImage}`)" :alt="t('translations.pages.gameSelection.cardView.imageAltText')" class="game-card__thumbnail"/>
                 </template>
                 <template v-else>
                     <div class="game-card__placeholder">{{ game.displayName }}</div>
@@ -13,9 +13,9 @@
                 <div class="game-card__overlay-spacer"></div>
                 <div class="game-card__overlay-body">
                     <button class="button is-info" @click="emit('select', game)">
-                        Select {{ activeTab.toLowerCase() }}
+                        {{ t('translations.pages.gameSelection.actions.select.' + activeTab) }}
                     </button>
-                    <button class="button" @click="emit('set-default', game)">Set as default</button>
+                    <button class="button" @click="emit('set-default', game)">{{ t('translations.pages.gameSelection.actions.setAsDefault') }}</button>
                 </div>
                 <div class="game-card__overlay-spacer"></div>
             </div>
@@ -36,6 +36,9 @@
 import Game from '../../model/game/Game';
 import { GameInstanceType } from '../../model/schema/ThunderstoreSchema';
 import ProtocolProvider from '../../providers/generic/protocol/ProtocolProvider';
+import { useI18n } from 'vue-i18n';
+
+const { t } = useI18n();
 
 type Props = {
     game: Game;
diff --git a/src/components/game-selection/GameSelectionList.vue b/src/components/game-selection/GameSelectionList.vue
index bbe745d9e..ea3f505ba 100644
--- a/src/components/game-selection/GameSelectionList.vue
+++ b/src/components/game-selection/GameSelectionList.vue
@@ -39,7 +39,7 @@
                 <div class="content pad--sides pad--top-none">
                     <template v-if="filterText.length === 0">
                         <template v-if="favouriteGameList.length > 0">
-                            <GameSelectionSection title="Favourites" :count="favouriteGameList.length" :default-open="true">
+                            <GameSelectionSection :title="t('translations.pages.gameSelection.cardView.sections.favourites')" :count="favouriteGameList.length" :default-open="true">
                                 <div class="game-cards-container">
                                     <GameSelectionCard
                                         v-for="game of favouriteGameList"
@@ -59,7 +59,7 @@
                         <template v-if="nonFavouriteGameList.length > 0">
                             <hr v-if="favouriteGameList.length > 0"/>
                             <GameSelectionSection
-                                :title="`${capitalize(activeTab)}s`"
+                                :title="t('translations.pages.gameSelection.cardView.sections.' + activeTab + 's')"
                                 :count="nonFavouriteGameList.length"
                                 :default-open="true"
                             >
@@ -81,7 +81,7 @@
                     </template>
                     <template v-else>
                         <GameSelectionSection
-                            title="Search results"
+                            :title="t('translations.pages.gameSelection.cardView.sections.searchResults')"
                             :count="mergedGameList.length"
                             :default-open="true"
                             v-if="mergedGameList.length > 0"
@@ -104,11 +104,11 @@
                     <template v-if="hiddenGameList.length > 0">
                         <hr v-if="favouriteGameList.length > 0 || nonFavouriteGameList.length > 0" />
                         <GameSelectionSection
-                            title="Hidden games"
+                            :title="t('translations.pages.gameSelection.cardView.sections.hiddenGames')"
                             :count="hiddenGameList.length"
                         >
                             <div class="notification is-warning">
-                                These games are no longer supported.
+                                {{ t('translations.pages.gameSelection.cardView.sections.hiddenGamesNotice') }}
                             </div>
                             <div class="game-cards-container">
                                 <GameSelectionCard
@@ -135,13 +135,15 @@
 
 <script lang="ts" setup>
 import { inject, computed } from 'vue';
+import { useI18n } from 'vue-i18n';
 import { GameSelectionViewMode } from '../../model/enums/GameSelectionViewMode';
 import { gameSelectionKey } from '../composables/GameSelectionComposable';
 import GameSelectionCard from './GameSelectionCard.vue';
 import GameSelectionListItem from './GameSelectionListItem.vue';
 import GameSelectionSection from './GameSelectionSection.vue';
 import Game from '../../model/game/Game';
-import { capitalize } from '../../utils/StringUtils';
+
+const { t } = useI18n();
 
 const emit = defineEmits<{
     'select-game': [game: Game];
diff --git a/src/pages/Manager.vue b/src/pages/Manager.vue
index 12f723cdc..18fca9651 100644
--- a/src/pages/Manager.vue
+++ b/src/pages/Manager.vue
@@ -238,7 +238,7 @@ function computeDefaultInstallDirectory(): string {
 function changeGameInstallDirectory() {
     const ror2Directory: string = settings.value.getContext().gameSpecific.gameDirectory || computeDefaultInstallDirectory();
     InteractionProvider.instance.selectFile({
-        title: t('translations.pages.manager.actions.locateSteamExecutable', { gameName: activeGame.value.displayName }),
+        title: t('translations.pages.manager.actions.locateGameExecutable', { gameName: activeGame.value.displayName }),
         // Lazy reduce. Assume Linux name and Windows name are identical besides extension.
         // Should fix if needed, although unlikely.
         filters: (activeGame.value.exeName.map(value => {
@@ -276,7 +276,7 @@ function changeGameInstallDirectoryGamePass() {
         title: t('translations.pages.manager.actions.locateGameLaunchHelper'),
         filters: [{ name: "gamelaunchhelper", extensions: ["exe"] }],
         defaultPath: ror2Directory,
-        buttonLabel: t('translations.pages.manager.actions.selectExecutables')
+        buttonLabel: t('translations.pages.manager.actions.selectExecutable')
     }).then(async files => {
         if (files.length === 1) {
             try {
diff --git a/src/pages/Splash.vue b/src/pages/Splash.vue
index 992ed42fa..bcbc4772b 100644
--- a/src/pages/Splash.vue
+++ b/src/pages/Splash.vue
@@ -1,6 +1,6 @@
 <template>
     <div id="splash-body">
-        <hero :title="t('translations.pages.splash.pageTitle', {appName: appName})" :subtitle='splashText' :heroType=heroType />
+        <hero :title="t('translations.pages.splash.pageTitle', {appName: appName})" :subtitle='splashText ? t(splashText) : ""' :heroType=heroType />
         <div class='notification is-warning'>
             <p>{{ t('translations.pages.splash.gameUpdatesWarning') }}</p>
         </div>
@@ -101,7 +101,7 @@
                                         <span class='icon margin-right margin-right--half-width'>
                                           <i class='fas fa-question-circle' />
                                         </span>
-                                        <strong>FAQ</strong>
+                                        <strong>{{ t('translations.pages.splash.content.faq.title') }}</strong>
                                     </p>
                                     <p>
                                         <strong>