From 15fd765c653af713b10b28c332abc9f6cdd48ee9 Mon Sep 17 00:00:00 2001
From: Jan <jplacht@gmail.com>
Date: Fri, 8 May 2026 13:33:30 +0200
Subject: [PATCH 1/3] improve(i18n): localize additional views

---
 .../account/components/LoginComponent.vue     |  45 ++++---
 .../account/components/PasswordReset.vue      |  26 ++--
 .../components/RegistrationComponent.vue      | 112 ++++++++++++------
 .../components/RequestPasswordReset.vue       |  16 ++-
 .../components/VerifyEmailComponent.vue       |  18 +--
 .../components/CXExchangePreference.vue       |   6 +-
 .../components/CXPlanetPreferenceTable.vue    |  50 ++++++--
 .../components/CXPreferenceImportExport.vue   |  16 ++-
 .../components/CXTickerPreference.vue         |  15 ++-
 src/features/exchanges/useManageCX.ts         |  17 ++-
 .../fio/components/FIOBurnPlanTable.vue       |  17 ++-
 src/features/fio/components/FIOBurnTable.vue  |  35 ++++--
 .../fio/components/FIORepairPlanet.vue        |  17 ++-
 .../market_live/components/AlertFeed.vue      |  28 +++--
 .../components/AlertFeedDetail.vue            |  69 ++++++++---
 .../market_live/components/AlertManager.vue   | 107 +++++++++++++----
 .../market_live/components/CXPointTable.vue   |  37 ++++--
 .../market_live/components/MessageHistory.vue |  10 +-
 .../market_live/components/RuleBuilder.vue    |   5 +-
 .../market_live/components/RuleGroup.vue      |  25 +++-
 .../market_live/components/TargetEditor.vue   |  23 +++-
 .../material_tile/components/MaterialTile.vue |  41 +++++--
 .../components/PlanAnalyticsBox.vue           |  35 ++++--
 .../sharing/components/SharingButton.vue      |  25 ++--
 .../xit/components/XITBurnActionButton.vue    |  55 +++++----
 .../components/XITTransferActionButton.vue    |  17 +--
 src/locales/en_US/account.json                |  81 +++++++++++++
 src/locales/en_US/common.json                 |  15 ++-
 src/locales/en_US/exchanges.json              |  55 +++++++++
 src/locales/en_US/fio.json                    |  49 ++++++++
 src/locales/en_US/game.json                   |  36 ++++++
 src/locales/en_US/market_live.json            | 101 ++++++++++++++++
 src/locales/en_US/material_tile.json          |  23 ++++
 src/locales/en_US/plan.json                   |   9 ++
 src/locales/en_US/sharing.json                |  11 ++
 src/locales/en_US/terms.json                  |  14 ++-
 src/locales/en_US/xit.json                    |  26 ++++
 src/ui/components/PInput.vue                  |  18 ++-
 src/ui/components/PInputNumber.vue            |  17 ++-
 src/ui/components/PSelect.vue                 |  20 +++-
 src/ui/components/PSelectMultiple.vue         |  14 ++-
 src/views/ExchangesView.vue                   |  50 +++++---
 src/views/fio/FIOBurnView.vue                 |  36 +++---
 src/views/fio/FIORepairView.vue               |  24 +++-
 src/views/tools/MarketLiveDataView.vue        |  53 +++++++--
 45 files changed, 1211 insertions(+), 308 deletions(-)
 create mode 100644 src/locales/en_US/account.json
 create mode 100644 src/locales/en_US/exchanges.json
 create mode 100644 src/locales/en_US/fio.json
 create mode 100644 src/locales/en_US/market_live.json
 create mode 100644 src/locales/en_US/material_tile.json
 create mode 100644 src/locales/en_US/sharing.json
 create mode 100644 src/locales/en_US/xit.json

diff --git a/src/features/account/components/LoginComponent.vue b/src/features/account/components/LoginComponent.vue
index 83e8738b..72b653cd 100644
--- a/src/features/account/components/LoginComponent.vue
+++ b/src/features/account/components/LoginComponent.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { ref, Ref, computed } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { useUserStore } from "@/stores/userStore";
 
 	const userStore = useUserStore();
@@ -52,25 +55,30 @@
 
 <template>
 	<div class="mx-auto max-w-100">
-		<div class="text-xl text-white font-bold font-mono pb-3">Login</div>
+		<div class="text-xl text-white font-bold font-mono pb-3">
+			{{ $t("account.components.login.title") }}
+		</div>
 		<div v-if="hasError" class="pb-3 text-red-600">
-			Error logging in. Please check your username and password.
+			{{ $t("account.components.login.error") }}
 		</div>
 		<PForm>
 			<PFormSeperator>
 				<div class="font-mono text-xs text-white/60 pb-3">
-					By using PRUNplanner you agree to the
-					<router-link
-						to="/imprint-tos"
-						class="hover:cursor-pointer underline">
-						Terms of Service.
-					</router-link>
+					<i18n-t keypath="account.components.login.tos" tag="p">
+						<template #tos_link>
+							<router-link
+								to="/imprint-tos"
+								class="hover:cursor-pointer underline">
+								{{ $t("account.components.login.tos_link") }}
+							</router-link>
+						</template>
+					</i18n-t>
 				</div>
 			</PFormSeperator>
-			<PFormItem label="Username">
+			<PFormItem :label="t('account.components.login.form.username')">
 				<PInput v-model:value="inputUsername" class="w-full" />
 			</PFormItem>
-			<PFormItem label="Password">
+			<PFormItem :label="t('account.components.login.form.password')">
 				<PInput
 					v-model:value="inputPassword"
 					type="password"
@@ -78,12 +86,15 @@
 			</PFormItem>
 			<PFormSeperator>
 				<div class="font-mono text-xs text-white/60 py-3">
-					Forgot your password? Request a
-					<router-link
-						to="/request-password-reset"
-						class="hover:cursor-pointer underline">
-						Password Reset.
-					</router-link>
+					<i18n-t keypath="account.components.login.forgot" tag="p">
+						<template #forgot_link>
+							<router-link
+								to="/request-password-reset"
+								class="hover:cursor-pointer underline">
+								{{ $t("account.components.login.forgot_link") }}
+							</router-link>
+						</template>
+					</i18n-t>
 				</div>
 			</PFormSeperator>
 			<PFormItem label="">
@@ -91,7 +102,7 @@
 					:loading="isLoggingIn"
 					:disabled="!canLogin"
 					@click="handleLogin">
-					Login
+					{{ $t("account.components.login.buttons.login") }}
 				</PButton>
 			</PFormItem>
 		</PForm>
diff --git a/src/features/account/components/PasswordReset.vue b/src/features/account/components/PasswordReset.vue
index 9238f239..d651b3aa 100644
--- a/src/features/account/components/PasswordReset.vue
+++ b/src/features/account/components/PasswordReset.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { ref, Ref, computed } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// API
 	import { useQuery } from "@/lib/query_cache/useQuery";
 
@@ -59,35 +62,44 @@
 
 <template>
 	<h2 class="text-white/80 font-bold text-lg font-mono">
-		Reset your Password
+		{{ $t("account.components.password_reset.title") }}
 	</h2>
 	<div class="py-3 text-xs font-mono text-white/60">
-		Please enter the code sent to your email, along with your new password.
+		{{ $t("account.components.password_reset.info") }}
 	</div>
 	<div v-if="requestResponse" class="pb-3 text-xs font-mono text-prunplanner">
 		{{ requestResponse.detail }}
 	</div>
 	<div>
 		<PForm>
-			<PFormItem label="Email">
+			<PFormItem
+				:label="t('account.components.password_reset.form.email')">
 				<PInput v-model:value="inputEmail" class="w-full" />
 			</PFormItem>
-			<PFormItem label="Code">
+			<PFormItem
+				:label="t('account.components.password_reset.form.code')">
 				<PInput v-model:value="inputCode" class="w-full" />
 			</PFormItem>
-			<PFormItem label="Password">
+			<PFormItem
+				:label="t('account.components.password_reset.form.password')">
 				<PInput
 					v-model:value="inputPassword"
 					type="password"
 					class="w-full" />
-				<template #info> Must be at least 8 characters long. </template>
+				<template #info>
+					{{
+						$t(
+							"account.components.password_reset.form.password_info"
+						)
+					}}
+				</template>
 			</PFormItem>
 			<PFormItem label="">
 				<PButton
 					:disabled="!canSend"
 					:loading="isLoading"
 					@click="requestReset">
-					Send Request
+					{{ $t("account.components.password_reset.buttons.send") }}
 				</PButton>
 			</PFormItem>
 		</PForm>
diff --git a/src/features/account/components/RegistrationComponent.vue b/src/features/account/components/RegistrationComponent.vue
index d2b2a2ed..69669d82 100644
--- a/src/features/account/components/RegistrationComponent.vue
+++ b/src/features/account/components/RegistrationComponent.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { onMounted, ref, Ref, computed, ComputedRef } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n({ useScope: "global" });
+
 	import { PForm, PFormItem, PFormSeperator, PButton, PInput } from "@/ui";
 	import { IUserRegistrationPayload } from "@/features/api/userData.types";
 	import { useQuery } from "@/lib/query_cache/useQuery";
@@ -102,76 +105,115 @@
 		<template v-if="registrationSuccess">
 			<div>
 				<div class="text-xl text-white font-bold font-mono pb-1">
-					Welcome, {{ registrationUsername }}!
+					{{
+						$t("account.components.registration.result.ok_header", {
+							username: registrationUsername,
+						})
+					}}
 				</div>
 				<div class="pt-3">
-					Registration successful. You can now login to PRUNplanner.
+					{{
+						$t("account.components.registration.result.ok_message")
+					}}
 				</div>
 			</div>
 		</template>
 		<template v-else>
 			<div class="text-xl text-white font-bold font-mono pb-1">
-				Account Information
+				{{ $t("account.components.registration.title") }}
 			</div>
 			<div class="pb-3 text-white/60 text-xs font-mono">
-				PRUNplanner is free to use. By creating an account, you
-				acknowledge and agree to the
-				<router-link
-					to="/imprint-tos"
-					class="underline hover:text-link-primary">
-					Terms of Service.
-				</router-link>
+				<i18n-t keypath="account.components.registration.tos" tag="p">
+					<template #tos_link>
+						<router-link
+							to="/imprint-tos"
+							class="hover:cursor-pointer underline">
+							{{ $t("account.components.registration.tos_link") }}
+						</router-link>
+					</template>
+				</i18n-t>
 			</div>
 			<div v-if="hasError" class="pb-3 text-red-600">
-				Error during registration.
+				{{ $t("account.components.registration.result.error") }}
+				<br />
 				{{ hasErrorMessage }}
 			</div>
 			<PForm>
-				<PFormItem label="Username">
+				<PFormItem
+					:label="t('account.components.registration.form.username')">
 					<PInput v-model:value="inputUsername" class="w-full" />
 					<template #info>
-						Must be at least 3 characters long. Can't contain
-						spaces.
+						{{
+							$t(
+								"account.components.registration.form.username_info"
+							)
+						}}
 					</template>
 				</PFormItem>
-				<PFormItem label="Password">
+				<PFormItem
+					:label="t('account.components.registration.form.password')">
 					<PInput
 						v-model:value="inputPassword"
 						type="password"
 						class="w-full" />
 					<template #info>
-						Must be at least 8 characters long.
+						{{
+							$t(
+								"account.components.registration.form.password_info"
+							)
+						}}
 					</template>
 				</PFormItem>
-				<PFormItem label="Email">
+				<PFormItem
+					:label="t('account.components.registration.form.email')">
 					<PInput
 						v-model:value="inputEmail"
-						placeholder="Not mandatory, but recommended."
+						:placeholder="
+							t(
+								'account.components.registration.form.email_placeholder'
+							)
+						"
 						class="w-full" />
 					<template #info>
-						Not mandatory. Increases your account security.
+						{{
+							$t(
+								"account.components.registration.form.email_info"
+							)
+						}}
 					</template>
 				</PFormItem>
 				<PFormSeperator>
 					<div
 						class="text-xl text-white font-bold font-mono pt-3 pb-1">
-						Security Question
+						{{
+							$t(
+								"account.components.registration.form.security_question"
+							)
+						}}
 					</div>
 					<div class="font-mono text-xs text-white/60 pb-3">
-						Enter the name of planet
-						<span
-							class="text-nowrap bg-prunplanner text-black px-1"
-							>{{ activeSecurityOption }}</span
-						>. To find it, open a new Prosperous Universe buffer
-						with the command
-						<span
-							class="text-nowrap bg-prunplanner text-black px-0.5"
-							>{{ `PLI ${activeSecurityOption}` }}</span
-						>. You'll see the planet's name listed under "Name" in
-						the planet information.
+						<i18n-t
+							keypath="account.components.registration.form.question"
+							tag="p">
+							<template #planet>
+								<span
+									class="text-nowrap bg-prunplanner text-black px-1"
+									>{{ activeSecurityOption }}</span
+								>
+							</template>
+							<template #command>
+								<span
+									class="text-nowrap bg-prunplanner text-black px-0.5"
+									>{{ `PLI ${activeSecurityOption}` }}</span
+								>
+							</template>
+						</i18n-t>
 					</div>
 				</PFormSeperator>
-				<PFormItem label="Name">
+				<PFormItem
+					:label="
+						t('account.components.registration.form.planet_name')
+					">
 					<PInput v-model:value="inputPlanetName" class="w-full" />
 				</PFormItem>
 				<PFormItem label="">
@@ -180,7 +222,11 @@
 						:loading="isLoading"
 						class="mt-3"
 						@click="registerUser">
-						Create Account
+						{{
+							$t(
+								"account.components.registration.buttons.register"
+							)
+						}}
 					</PButton>
 				</PFormItem>
 			</PForm>
diff --git a/src/features/account/components/RequestPasswordReset.vue b/src/features/account/components/RequestPasswordReset.vue
index a662cefd..6b55c8b0 100644
--- a/src/features/account/components/RequestPasswordReset.vue
+++ b/src/features/account/components/RequestPasswordReset.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { ref, Ref, computed } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// API
 	import { useQuery } from "@/lib/query_cache/useQuery";
 
@@ -45,11 +48,10 @@
 
 <template>
 	<h2 class="text-white/80 font-bold text-lg font-mono">
-		Password Reset Request
+		{{ $t("account.components.request_password_reset.title") }}
 	</h2>
 	<div class="py-3 text-xs font-mono text-white/60">
-		Enter the verified email address linked to your PRUNplanner account. If
-		we recognize it, we'll send you a code to reset your password.
+		{{ $t("account.components.request_password_reset.info") }}
 	</div>
 	<div v-if="requestResponse" class="pb-3 text-xs font-mono text-prunplanner">
 		{{ requestResponse.detail }}.
@@ -57,7 +59,11 @@
 	<div>
 		<PInput
 			v-model:value="inputEmail"
-			placeholder="Email Address"
+			:placeholder="
+				t(
+					'account.components.request_password_reset.form.email_placeholder'
+				)
+			"
 			class="w-full" />
 	</div>
 	<div class="pt-3">
@@ -65,7 +71,7 @@
 			:disabled="!canRequest"
 			:loading="isLoading"
 			@click="requestReset">
-			Send Request
+			{{ $t("account.components.request_password_reset.buttons.send") }}
 		</PButton>
 	</div>
 </template>
diff --git a/src/features/account/components/VerifyEmailComponent.vue b/src/features/account/components/VerifyEmailComponent.vue
index da8152ee..91b6e5a6 100644
--- a/src/features/account/components/VerifyEmailComponent.vue
+++ b/src/features/account/components/VerifyEmailComponent.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, ComputedRef, ref, Ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// API
 	import { useQuery } from "@/lib/query_cache/useQuery";
 
@@ -51,27 +54,28 @@
 
 <template>
 	<h2 class="text-white/80 font-bold text-lg font-mono">
-		Email Verification
+		{{ $t("account.components.verify_email.title") }}
 	</h2>
 	<div class="py-3 text-xs font-mono text-white/60">
-		Please enter the verification code you received via email. Maybe check
-		your spam folder.
+		{{ $t("account.components.verify_email.info") }}
 	</div>
 	<div class="flex flex-col">
 		<template v-if="verifyStatus !== null">
 			<div
 				v-if="verifyStatus"
 				class="mb-3 py-1 px-2 bg-prunplanner text-black">
-				Email address verified.
+				{{ $t("account.components.verify_email.result.ok") }}
 			</div>
 			<div v-else class="mb-3 py-1 px-2 bg-red-600 text-white">
-				Invalid code or already verified.
+				{{ $t("account.components.verify_email.result.error") }}
 			</div>
 		</template>
 		<div>
 			<PInput
 				v-model:value="refVerificationCode"
-				placeholder="Verification Code"
+				:placeholder="
+					t('account.components.verify_email.form.code_placeholder')
+				"
 				class="w-full" />
 		</div>
 		<div class="pt-3">
@@ -79,7 +83,7 @@
 				:disabled="!canVerify"
 				:loading="isVerifying"
 				@click="verifyEmail">
-				Verify Email
+				{{ $t("account.components.verify_email.buttons.send") }}
 			</PButton>
 		</div>
 	</div>
diff --git a/src/features/exchanges/components/CXExchangePreference.vue b/src/features/exchanges/components/CXExchangePreference.vue
index aeb47e52..52194cab 100644
--- a/src/features/exchanges/components/CXExchangePreference.vue
+++ b/src/features/exchanges/components/CXExchangePreference.vue
@@ -86,7 +86,7 @@
 									? 'error'
 									: 'primary'
 						">
-						{{ preference.type }}
+						{{ $t(`exchanges.preference_type.${preference.type}`) }}
 					</PTag>
 				</td>
 				<td>{{ preference.exchange }}</td>
@@ -109,7 +109,9 @@
 			<tr
 				v-if="localCXOptions.length === 0"
 				class="text-center child:text-white/50!">
-				<td colspan="3">No Exchange Preference Configured</td>
+				<td colspan="3">
+					{{ $t("exchanges.components.exchanges.no_data") }}
+				</td>
 			</tr>
 		</PTable>
 	</div>
diff --git a/src/features/exchanges/components/CXPlanetPreferenceTable.vue b/src/features/exchanges/components/CXPlanetPreferenceTable.vue
index 1b2ff138..87fb4d24 100644
--- a/src/features/exchanges/components/CXPlanetPreferenceTable.vue
+++ b/src/features/exchanges/components/CXPlanetPreferenceTable.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, PropType, ref, Ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { usePlanetData } from "@/database/services/usePlanetData";
 
@@ -59,12 +62,13 @@
 
 <template>
 	<h2 class="text-xl font-bold my-auto pb-3">
-		Planet Preferences<span v-if="selectedPlanet"
+		{{ $t("exchanges.components.planet_preferences.title")
+		}}<span v-if="selectedPlanet"
 			>:
 			{{
 				planetNames[selectedPlanet] ||
 				loadPlanetName(selectedPlanet) ||
-				"Loading"
+				"..."
 			}}
 		</span>
 	</h2>
@@ -72,7 +76,11 @@
 		v-if="selectedPlanet"
 		class="grid grid-cols-1 xl:grid-cols-[40%_auto] gap-3 pb-3">
 		<div>
-			<h3 class="text-lg font-bold pb-3">Exchange</h3>
+			<h3 class="text-lg font-bold pb-3">
+				{{
+					$t("exchanges.components.planet_preferences.form.exchange")
+				}}
+			</h3>
 			<CXExchangePreference
 				:key="`Exchanges#${selectedPlanet}`"
 				:cx-options="localMap[selectedPlanet].exchanges"
@@ -86,7 +94,9 @@
 				" />
 		</div>
 		<div>
-			<h3 class="text-lg font-bold pb-3">Ticker</h3>
+			<h3 class="text-lg font-bold pb-3">
+				{{ $t("exchanges.components.planet_preferences.form.ticker") }}
+			</h3>
 			<CXTickerPreference
 				:key="`Ticker#${selectedPlanet}`"
 				:cx-options="localMap[selectedPlanet].ticker"
@@ -115,18 +125,25 @@
 				</PButton>
 			</template>
 		</XNDataTableColumn>
-		<XNDataTableColumn key="planet" title="Planet" sorter="default">
+		<XNDataTableColumn
+			key="planet"
+			:title="t('exchanges.components.planet_preferences.table.planet')"
+			sorter="default">
 			<template #render-cell="{ rowData }">
 				{{
 					planetNames[rowData.planet] ||
 					loadPlanetName(rowData.planet) ||
-					"Loading..."
+					"..."
 				}}
 			</template>
 		</XNDataTableColumn>
 		<XNDataTableColumn
 			key="exchanges"
-			title="Exchange Preferences"
+			:title="
+				t(
+					'exchanges.components.planet_preferences.table.exchange_preference'
+				)
+			"
 			width="20%">
 			<template #render-cell="{ rowData }">
 				<div class="flex flex-col gap-y-1">
@@ -141,14 +158,25 @@
 										? 'error'
 										: 'primary'
 							">
-							{{ exchange.type }}:
+							{{
+								$t(
+									`exchanges.preference_type.${exchange.type}`
+								)
+							}}:
 							<strong>{{ exchange.exchange }}</strong>
 						</PTag>
 					</div>
 				</div>
 			</template>
 		</XNDataTableColumn>
-		<XNDataTableColumn key="ticker" title="Ticker Preferences" width="50%">
+		<XNDataTableColumn
+			key="ticker"
+			:title="
+				t(
+					'exchanges.components.planet_preferences.table.ticker_preference'
+				)
+			"
+			width="50%">
 			<template #render-cell="{ rowData }">
 				<div class="flex flex-wrap gap-3">
 					<div
@@ -166,7 +194,9 @@
 										? 'error'
 										: 'primary'
 							">
-							{{ ticker.type }}:
+							{{
+								$t(`exchanges.preference_type.${ticker.type}`)
+							}}:
 							<strong>{{ formatNumber(ticker.value) }}</strong>
 							<span class="pl-1 font-light opacity-50">ȼ</span>
 						</PTag>
diff --git a/src/features/exchanges/components/CXPreferenceImportExport.vue b/src/features/exchanges/components/CXPreferenceImportExport.vue
index 89dba989..eef0b954 100644
--- a/src/features/exchanges/components/CXPreferenceImportExport.vue
+++ b/src/features/exchanges/components/CXPreferenceImportExport.vue
@@ -93,7 +93,9 @@
 
 <template>
 	<div class="flex flex-row justify-between items-center">
-		<h2 class="text-xl font-bold my-auto">Import / Export CSV</h2>
+		<h2 class="text-xl font-bold my-auto">
+			{{ $t("exchanges.components.csv_import_export.title") }}
+		</h2>
 		<div class="flex flex-row gap-x-3">
 			<input
 				ref="fileInput"
@@ -105,19 +107,21 @@
 				<template #icon>
 					<ArrowDownwardFilled />
 				</template>
-				Import Settings
+				{{
+					$t("exchanges.components.csv_import_export.buttons.import")
+				}}
 			</PButton>
 			<PButton @click="exportSettings">
 				<template #icon>
 					<ArrowUpwardFilled />
 				</template>
-				Export Settings
+				{{
+					$t("exchanges.components.csv_import_export.buttons.export")
+				}}
 			</PButton>
 		</div>
 	</div>
 	<div class="py-3">
-		Warning: Importing deletes all existing properties and imports the new
-		ones. You need to save your imported preferences after uploading the CSV
-		file or use the reload button to discard them.
+		{{ $t("exchanges.components.csv_import_export.warning") }}
 	</div>
 </template>
diff --git a/src/features/exchanges/components/CXTickerPreference.vue b/src/features/exchanges/components/CXTickerPreference.vue
index 9d310976..c74fe267 100644
--- a/src/features/exchanges/components/CXTickerPreference.vue
+++ b/src/features/exchanges/components/CXTickerPreference.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, ComputedRef, PropType, ref, Ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { useCXManagement } from "@/features/exchanges/useManageCX";
 
@@ -9,7 +12,7 @@
 
 	// Types & Interfaces
 	import { ICXDataTickerOption } from "@/stores/planningStore.types";
-	import { PreferenceType } from "../manageCX.types";
+	import { PreferenceType } from "@/features/exchanges/manageCX.types";
 
 	// UI
 	import { PSelect, PButton, PInputNumber, PTag, PTable } from "@/ui";
@@ -62,7 +65,9 @@
 				:options="materialOptions"
 				searchable
 				size="small"
-				placeholder="Material"
+				:placeholder="
+					t('exchanges.components.ticker.material_placeholder')
+				"
 				class="w-full" />
 		</div>
 		<div class="flex-1">
@@ -107,7 +112,7 @@
 									? 'error'
 									: 'primary'
 						">
-						{{ preference.type }}
+						{{ $t(`exchanges.preference_type.${preference.type}`) }}
 					</PTag>
 				</td>
 				<td>
@@ -139,7 +144,9 @@
 			<tr
 				v-if="localCXOptions.length === 0"
 				class="text-center child:text-white/50!">
-				<td colspan="4">No Ticker Preferences Configured</td>
+				<td colspan="4">
+					{{ $t("exchanges.components.ticker.no_data") }}
+				</td>
 			</tr>
 		</PTable>
 	</div>
diff --git a/src/features/exchanges/useManageCX.ts b/src/features/exchanges/useManageCX.ts
index 9380be99..718da24b 100644
--- a/src/features/exchanges/useManageCX.ts
+++ b/src/features/exchanges/useManageCX.ts
@@ -1,4 +1,5 @@
 import { computed, ComputedRef } from "vue";
+import { useI18n } from "vue-i18n";
 
 // Stores
 import { useMaterialData } from "@/database/services/useMaterialData";
@@ -15,12 +16,22 @@ import {
 import { PSelectOption } from "@/ui/ui.types";
 
 export async function useCXManagement() {
+	const { t } = useI18n();
 	const { materialSelectOptions } = useMaterialData();
 
 	const typeOptions: PSelectOption[] = [
-		{ label: "BOTH" as PreferenceType, value: "BOTH" },
-		{ label: "BUY" as PreferenceType, value: "BUY" },
-		{ label: "SELL" as PreferenceType, value: "SELL" },
+		{
+			label: t("exchanges.preference_type.BOTH"),
+			value: "BOTH" as PreferenceType,
+		},
+		{
+			label: t("exchanges.preference_type.BUY"),
+			value: "BUY" as PreferenceType,
+		},
+		{
+			label: t("exchanges.preference_type.SELL"),
+			value: "SELL" as PreferenceType,
+		},
 	];
 
 	const exchangeOptions: PSelectOption[] = [
diff --git a/src/features/fio/components/FIOBurnPlanTable.vue b/src/features/fio/components/FIOBurnPlanTable.vue
index 5d3bb6c7..3185c1af 100644
--- a/src/features/fio/components/FIOBurnPlanTable.vue
+++ b/src/features/fio/components/FIOBurnPlanTable.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { PropType } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { usePlanetData } from "@/database/services/usePlanetData";
 	import { usePreferences } from "@/features/preferences/usePreferences";
@@ -27,7 +30,10 @@
 
 <template>
 	<XNDataTable :data="planTable" striped>
-		<XNDataTableColumn key="planUuid" title="Plan" sorter="default">
+		<XNDataTableColumn
+			key="planUuid"
+			:title="t('fio.burn.components.overview.table.plan')"
+			sorter="default">
 			<template #render-cell="{ rowData }">
 				<router-link
 					:to="`/plan/${rowData.planetId}/${rowData.planUuid}`"
@@ -36,7 +42,9 @@
 				</router-link>
 			</template>
 		</XNDataTableColumn>
-		<XNDataTableColumn key="planetId" title="Planet">
+		<XNDataTableColumn
+			key="planetId"
+			:title="t('fio.burn.components.overview.table.planet')">
 			<template #render-cell="{ rowData }">
 				{{
 					planetNames[rowData.planetId] ||
@@ -45,7 +53,10 @@
 				}}
 			</template>
 		</XNDataTableColumn>
-		<XNDataTableColumn key="minDays" title="Burn" sorter="default">
+		<XNDataTableColumn
+			key="minDays"
+			:title="t('fio.burn.components.overview.table.burn')"
+			sorter="default">
 			<template #render-cell="{ rowData }">
 				<div class="text-center">
 					<span
diff --git a/src/features/fio/components/FIOBurnTable.vue b/src/features/fio/components/FIOBurnTable.vue
index 9fb4c420..337dcc8b 100644
--- a/src/features/fio/components/FIOBurnTable.vue
+++ b/src/features/fio/components/FIOBurnTable.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { PropType } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { usePlanetData } from "@/database/services/usePlanetData";
 	import { usePreferences } from "@/features/preferences/usePreferences";
@@ -41,7 +44,7 @@
 				<XNDataTable :data="rowData.burnMaterials" striped>
 					<XNDataTableColumn
 						key="ticker"
-						title="Ticker"
+						:title="t('fio.burn.components.plans.table.ticker')"
 						sorter="default">
 						<template #render-cell="data">
 							<MaterialTile
@@ -51,7 +54,9 @@
 					</XNDataTableColumn>
 					<XNDataTableColumn
 						key="input"
-						title="Consumption"
+						:title="
+							t('fio.burn.components.plans.table.consumption')
+						"
 						sorter="default">
 						<template #render-cell="data">
 							<span
@@ -66,7 +71,7 @@
 					</XNDataTableColumn>
 					<XNDataTableColumn
 						key="output"
-						title="Production"
+						:title="t('fio.burn.components.plans.table.production')"
 						sorter="default">
 						<template #render-cell="data">
 							<span
@@ -81,7 +86,7 @@
 					</XNDataTableColumn>
 					<XNDataTableColumn
 						key="delta"
-						title="Delta"
+						:title="t('fio.burn.components.plans.table.delta')"
 						sorter="default">
 						<template #render-cell="data">
 							<span
@@ -96,7 +101,7 @@
 					</XNDataTableColumn>
 					<XNDataTableColumn
 						key="stock"
-						title="Stock"
+						:title="t('fio.burn.components.plans.table.stock')"
 						sorter="default">
 						<template #render-cell="data">
 							{{ formatAmount(data.rowData.stock) }}
@@ -104,7 +109,7 @@
 					</XNDataTableColumn>
 					<XNDataTableColumn
 						key="exhaustion"
-						title="Burn"
+						:title="t('fio.burn.components.plans.table.burn')"
 						sorter="default">
 						<template #render-cell="data">
 							<span
@@ -120,11 +125,15 @@
 				</XNDataTable>
 			</template>
 		</XNDataTableColumn>
-		<XNDataTableColumn key="planName" title="Plan">
+		<XNDataTableColumn
+			key="planName"
+			:title="t('fio.burn.components.plans.table.plan')">
 			<template #title>
 				<div class="flex flex-row justify-between">
-					<div>Plan</div>
-					<div>Exhaustion</div>
+					<div>{{ $t("fio.burn.components.plans.table.plan") }}</div>
+					<div>
+						{{ $t("fio.burn.components.plans.table.exhaustion") }}
+					</div>
 				</div>
 			</template>
 			<template #render-cell="{ rowData }">
@@ -138,7 +147,7 @@
 							{{
 								planetNames[rowData.planetId] ||
 								loadPlanetName(rowData.planetId) ||
-								"Loading..."
+								"..."
 							}}
 						</span>
 					</div>
@@ -154,7 +163,11 @@
 						</div>
 						<div>
 							<XITBurnActionButton
-								:drawer-title="`XIT Resupply: ${rowData.planName}`"
+								:drawer-title="
+									t('fio.burn.components.plans.xit_title', {
+										plan_name: rowData.planName,
+									})
+								"
 								:elements="
 									rowData.burnMaterials.map(
 										(e: IFIOBurnTableElementMaterial) => {
diff --git a/src/features/fio/components/FIORepairPlanet.vue b/src/features/fio/components/FIORepairPlanet.vue
index 6b60edae..862ecdc6 100644
--- a/src/features/fio/components/FIORepairPlanet.vue
+++ b/src/features/fio/components/FIORepairPlanet.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { PropType } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Util
 	import { formatAmount, formatNumber } from "@/util/numbers";
 
@@ -19,20 +22,22 @@
 </script>
 
 <template>
-	<h2 class="text-white/80 font-bold text-lg pb-3">Planets</h2>
+	<h2 class="text-white/80 font-bold text-lg pb-3">
+		{{ $t("fio.repair.table.title") }}
+	</h2>
 
 	<x-n-data-table :data="repairData" striped>
 		<x-n-data-table-column
 			key="planetName"
-			title="Planet"
+			:title="t('fio.repair.table.planet')"
 			sorter="default" />
 		<x-n-data-table-column
 			key="amountProductionBuildings"
-			title="Buildings"
+			:title="t('fio.repair.table.buildings')"
 			sorter="default" />
 		<x-n-data-table-column
 			key="averageCondition"
-			title="⌀ Condition"
+			:title="t('fio.repair.table.avg_condition')"
 			sorter="default">
 			<template #render-cell="{ rowData }">
 				{{ formatNumber(rowData.averageCondition * 100) }} %
@@ -40,7 +45,7 @@
 		</x-n-data-table-column>
 		<x-n-data-table-column
 			key="minCondition"
-			title="Min. Condition"
+			:title="t('fio.repair.table.min_condition')"
 			sorter="default">
 			<template #render-cell="{ rowData }">
 				{{ formatNumber(rowData.minCondition * 100) }} %
@@ -48,7 +53,7 @@
 		</x-n-data-table-column>
 		<x-n-data-table-column
 			key="maxLastRepairDays"
-			title="Repair Age"
+			:title="t('fio.repair.table.repair_age')"
 			sorter="default">
 			<template #render-cell="{ rowData }">
 				{{ formatAmount(rowData.maxLastRepairDays) }}
diff --git a/src/features/market_live/components/AlertFeed.vue b/src/features/market_live/components/AlertFeed.vue
index eb9d0d18..5301a17c 100644
--- a/src/features/market_live/components/AlertFeed.vue
+++ b/src/features/market_live/components/AlertFeed.vue
@@ -30,11 +30,21 @@
 	<div class="w-full border border-white/10 rounded">
 		<div
 			class="grid grid-cols-12 gap-4 px-4 py-2 bg-gray-dark text-xs uppercase border-b border-white/10">
-			<div class="col-span-2">Ticker / Alert</div>
-			<div class="col-span-1 text-center">Severity</div>
-			<div class="col-span-5">Trigger Logic</div>
-			<div class="col-span-2 text-end">Event</div>
-			<div class="col-span-2 text-end">Time</div>
+			<div class="col-span-2">
+				{{ $t("market_live.components.alert_feed.table.ticker_alert") }}
+			</div>
+			<div class="col-span-1 text-center">
+				{{ $t("market_live.components.alert_feed.table.severity") }}
+			</div>
+			<div class="col-span-5">
+				{{ $t("market_live.components.alert_feed.table.logic") }}
+			</div>
+			<div class="col-span-2 text-end">
+				{{ $t("market_live.components.alert_feed.table.event") }}
+			</div>
+			<div class="col-span-2 text-end">
+				{{ $t("market_live.components.alert_feed.table.time") }}
+			</div>
 		</div>
 
 		<div class="divide-y divide-white/10 overflow-y-auto">
@@ -69,7 +79,11 @@
 									'bg-red-600 text-white':
 										event.severity === 'HIGH',
 								}">
-								{{ event.severity }}
+								{{
+									$t(
+										`market_live.severity_type.${event.severity}`
+									)
+								}}
 							</span>
 						</div>
 
@@ -204,7 +218,7 @@
 			<div
 				v-if="eventLog.length === 0"
 				class="p-6 text-white/50 text-center text-xs">
-				Waiting for market events triggering alerts...
+				{{ $t("market_live.components.alert_feed.waiting") }}
 			</div>
 		</div>
 	</div>
diff --git a/src/features/market_live/components/AlertFeedDetail.vue b/src/features/market_live/components/AlertFeedDetail.vue
index 49efbe4f..6149cc77 100644
--- a/src/features/market_live/components/AlertFeedDetail.vue
+++ b/src/features/market_live/components/AlertFeedDetail.vue
@@ -24,19 +24,31 @@
 	<div class="py-2 px-2 border-t border-white/10">
 		<div class="grid grid-cols-4 gap-3">
 			<div class="flex flex-col gap-y-1 uppercase">
-				<div class="text-white/50">Price</div>
+				<div class="text-white/50">
+					{{ $t("market_live.components.details.price") }}
+				</div>
 				<div class="text-lg font-mono text-white">
 					{{ formatNumber(data.price ?? Infinity) }}
 				</div>
 				<div class="text-xs text-white/50">
-					Bid: {{ formatNumber(data.bid ?? Infinity) }}
+					{{
+						$t("market_live.components.details.bid", {
+							value: formatNumber(data.bid ?? Infinity),
+						})
+					}}
 				</div>
 				<div class="text-xs text-white/50">
-					Ask: {{ formatNumber(data.ask ?? Infinity) }}
+					{{
+						$t("market_live.components.details.ask", {
+							value: formatNumber(data.ask ?? Infinity),
+						})
+					}}
 				</div>
 			</div>
 			<div class="flex flex-col gap-y-1 uppercase">
-				<div class="text-white/50">Spread</div>
+				<div class="text-white/50">
+					{{ $t("market_live.components.details.spread") }}
+				</div>
 				<div class="text-lg font-mono text-white">
 					{{ formatNumber(data.spread ?? Infinity) }}
 				</div>
@@ -50,35 +62,60 @@
 					{{ formatAmount(data.buy_volume_total) }}
 				</div>
 				<div class="text-xs text-white/50">
-					VWAP: {{ formatNumber(data.buy_vwap ?? Infinity) }}
+					{{
+						$t("market_live.components.details.vwap", {
+							value: formatNumber(data.buy_vwap ?? Infinity),
+						})
+					}}
 				</div>
 				<div class="text-xs text-white/50">
-					Change: {{ formatAmount(data.buy_volume_change) }}
+					{{
+						$t("market_live.components.details.change", {
+							value: formatAmount(data.buy_volume_change),
+						})
+					}}
 				</div>
 			</div>
 			<div class="flex flex-col gap-y-1 uppercase">
-				<div class="text-white/50">Sell Volume</div>
+				<div class="text-white/50">
+					{{ $t("market_live.components.details.sell_volume") }}
+				</div>
 				<div class="text-lg font-mono text-white">
 					{{ formatAmount(data.sell_volume_total) }}
 				</div>
 				<div class="text-xs text-white/50">
-					VWAP: {{ formatNumber(data.sell_vwap ?? Infinity) }}
+					{{
+						$t("market_live.components.details.vwap", {
+							value: formatNumber(data.sell_vwap ?? Infinity),
+						})
+					}}
 				</div>
 				<div class="text-xs text-white/50">
-					Change: {{ formatAmount(data.sell_volume_change) }}
+					{{
+						$t("market_live.components.details.change", {
+							value: formatAmount(data.sell_volume_change),
+						})
+					}}
 				</div>
 			</div>
 		</div>
 		<div class="mt-2 pt-2 border-t border-white/10">
 			<div
 				class="flex justify-between text-xs text-white/50 mb-1 font-mono uppercase">
-				<span
-					>Buy Volume: {{ formatAmount(data.buy_volume_total) }}</span
-				>
-				<span
-					>Sell Volume:
-					{{ formatAmount(data.sell_volume_total) }}</span
-				>
+				<span>
+					{{
+						$t("market_live.components.details.buy_volume_value", {
+							value: formatAmount(data.buy_volume_total),
+						})
+					}}
+				</span>
+				<span>
+					{{
+						$t("market_live.components.details.sell_volume_value", {
+							value: formatAmount(data.sell_volume_total),
+						})
+					}}
+				</span>
 			</div>
 			<div
 				class="w-full h-1.5 bg-gray-800 rounded-full flex gap-0.5 overflow-hidden">
diff --git a/src/features/market_live/components/AlertManager.vue b/src/features/market_live/components/AlertManager.vue
index 2b72b962..2023ffff 100644
--- a/src/features/market_live/components/AlertManager.vue
+++ b/src/features/market_live/components/AlertManager.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
 	import { computed } from "vue";
+
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { storeToRefs } from "pinia";
 
 	// Composables
@@ -31,25 +35,44 @@
 		<header class="flex justify-between pb-3">
 			<div class="my-auto">
 				<h2 class="text-lg font-bold">
-					{{ isEditing ? "Edit Alert" : "Alert Manager" }}
+					{{
+						isEditing
+							? t(
+									"market_live.components.alert_manager.title_editing"
+								)
+							: t("market_live.components.alert_manager.title")
+					}}
 				</h2>
 				<span class="text-xs text-negative!">
-					Alerts are currently stored on this device only and are not
-					synced to your account.
+					{{ $t("market_live.components.alert_manager.info") }}
 				</span>
 			</div>
 
 			<div class="flex gap-3">
 				<PButton v-if="!isEditing" @click="addAlert">
 					<template #icon><PlusSharp /></template>
-					Create New Alert
+					{{
+						$t(
+							"market_live.components.alert_manager.buttons.create_alert"
+						)
+					}}
 				</PButton>
 
 				<template v-else>
 					<PButton type="secondary" @click="cancelEditing">
-						Discard
+						{{
+							$t(
+								"market_live.components.alert_manager.buttons.discard"
+							)
+						}}
+					</PButton>
+					<PButton @click="saveEdit">
+						{{
+							$t(
+								"market_live.components.alert_manager.buttons.save"
+							)
+						}}
 					</PButton>
-					<PButton @click="saveEdit"> Save </PButton>
 				</template>
 			</div>
 		</header>
@@ -63,9 +86,11 @@
 					<div class="">
 						<div class="flex items-center gap-3">
 							<PTag v-if="alert.enabled" type="success">
-								Active
+								{{ $t("market_live.status_type.active") }}
+							</PTag>
+							<PTag v-else type="secondary">
+								{{ $t("market_live.status_type.paused") }}
 							</PTag>
-							<PTag v-else type="secondary">Paused</PTag>
 							<h3 class="font-bold">
 								{{ alert.name }}
 							</h3>
@@ -76,7 +101,11 @@
 						class="flex gap-2 opacity-0 group-hover:opacity-100 transition-opacity">
 						<PButton @click="startEditing(alert)"> Edit </PButton>
 						<PButton type="error" @click="deleteAlert(alert.id)">
-							Delete
+							{{
+								$t(
+									"market_live.components.alert_manager.buttons.delete"
+								)
+							}}
 						</PButton>
 					</div>
 				</div>
@@ -84,8 +113,7 @@
 				<div
 					v-if="userAlerts.length === 0"
 					class="text-center py-3 rounded border border-dashed border-white/10">
-					No alerts found. Start by creating your first detector
-					signal.
+					{{ $t("market_live.components.alert_manager.no_alerts") }}
 				</div>
 			</div>
 
@@ -94,7 +122,12 @@
 					<div class="grid grid-cols-3 gap-3">
 						<div>
 							<PForm>
-								<PFormItem label="Alert Name">
+								<PFormItem
+									:label="
+										t(
+											'market_live.components.alert_manager.form.alert_name'
+										)
+									">
 									<PInput
 										v-model:value="activeDraft!.name"
 										class="w-full" />
@@ -103,23 +136,45 @@
 						</div>
 						<div>
 							<PForm>
-								<PFormItem label="Severity">
+								<PFormItem
+									:label="
+										t(
+											'market_live.components.alert_manager.form.severity'
+										)
+									">
 									<PSelect
 										v-model:value="activeDraft!.severity"
 										:options="[
-											{ label: 'Low', value: 'LOW' },
 											{
-												label: 'Medium',
+												label: t(
+													'market_live.severity_type.LOW'
+												),
+												value: 'LOW',
+											},
+											{
+												label: t(
+													'market_live.severity_type.MEDIUM'
+												),
 												value: 'MEDIUM',
 											},
-											{ label: 'High', value: 'HIGH' },
+											{
+												label: t(
+													'market_live.severity_type.HIGH'
+												),
+												value: 'HIGH',
+											},
 										]" />
 								</PFormItem>
 							</PForm>
 						</div>
 						<div>
 							<PForm>
-								<PFormItem label="Status">
+								<PFormItem
+									:label="
+										t(
+											'market_live.components.alert_manager.form.status'
+										)
+									">
 									<PButton
 										:type="
 											activeDraft!.enabled
@@ -132,9 +187,15 @@
 													!activeDraft!.enabled)
 										">
 										<span v-if="activeDraft!.enabled">
-											Active
+											{{
+												$t(
+													"market_live.status_type.active"
+												)
+											}}
 										</span>
-										<span v-else>Inactive</span>
+										<span v-else>{{
+											$t("market_live.status_type.paused")
+										}}</span>
 									</PButton>
 								</PFormItem>
 							</PForm>
@@ -143,7 +204,13 @@
 				</section>
 
 				<section class="p-3 rounded border border-white/10">
-					<h2 class="text-lg font-bold pb-1">Logic Configuration</h2>
+					<h2 class="text-lg font-bold pb-1">
+						{{
+							$t(
+								"market_live.components.alert_manager.form.logic_configuration"
+							)
+						}}
+					</h2>
 
 					<div>
 						<RuleGroup
diff --git a/src/features/market_live/components/CXPointTable.vue b/src/features/market_live/components/CXPointTable.vue
index 18d1fd12..fbb2ae60 100644
--- a/src/features/market_live/components/CXPointTable.vue
+++ b/src/features/market_live/components/CXPointTable.vue
@@ -1,4 +1,7 @@
 <script setup lang="ts">
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Types & Interfaces
 	import { CXDataPoint } from "@/features/market_live/cxExchange.types";
 
@@ -22,8 +25,13 @@
 			flex-height
 			class="h-full"
 			:row-key="(row) => row.ticker">
-			<XNDataTableColumn key="ticker" title="Ticker" />
-			<XNDataTableColumn key="price" title="Price" align="right">
+			<XNDataTableColumn
+				key="ticker"
+				:title="t('market_live.components.point_table.table.ticker')" />
+			<XNDataTableColumn
+				key="price"
+				:title="t('market_live.components.point_table.table.price')"
+				align="right">
 				<template #render-cell="{ rowData }">
 					<div class="text-nowrap">
 						<span v-if="rowData.price !== undefined">
@@ -35,7 +43,10 @@
 					</div>
 				</template>
 			</XNDataTableColumn>
-			<XNDataTableColumn key="bid" title="Bid" align="right">
+			<XNDataTableColumn
+				key="bid"
+				:title="t('market_live.components.point_table.table.bid')"
+				align="right">
 				<template #render-cell="{ rowData }">
 					<div class="font-mono text-sky-500">
 						<span v-if="rowData.bid">
@@ -45,7 +56,10 @@
 					</div>
 				</template>
 			</XNDataTableColumn>
-			<XNDataTableColumn key="ask" title="Ask" align="right">
+			<XNDataTableColumn
+				key="ask"
+				:title="t('market_live.components.point_table.table.ask')"
+				align="right">
 				<template #render-cell="{ rowData }">
 					<div class="font-mono text-rose-600">
 						<span v-if="rowData.ask">
@@ -55,7 +69,12 @@
 					</div>
 				</template>
 			</XNDataTableColumn>
-			<XNDataTableColumn key="spread_pct" title="Spread %" align="right">
+			<XNDataTableColumn
+				key="spread_pct"
+				:title="
+					t('market_live.components.point_table.table.spread_pct')
+				"
+				align="right">
 				<template #render-cell="{ rowData }">
 					<div class="font-mono">
 						<span v-if="rowData.spread_pct">
@@ -67,7 +86,9 @@
 			</XNDataTableColumn>
 			<XNDataTableColumn
 				key="buy_volume_total"
-				title="Buy Vol."
+				:title="
+					t('market_live.components.point_table.table.buy_volume')
+				"
 				align="right">
 				<template #render-cell="{ rowData }">
 					<span class="font-mono">
@@ -77,7 +98,9 @@
 			</XNDataTableColumn>
 			<XNDataTableColumn
 				key="sell_volume_total"
-				title="Sell Vol."
+				:title="
+					t('market_live.components.point_table.table.sell_volume')
+				"
 				align="right">
 				<template #render-cell="{ rowData }">
 					<span class="font-mono">
diff --git a/src/features/market_live/components/MessageHistory.vue b/src/features/market_live/components/MessageHistory.vue
index 6fad9923..7c6236c3 100644
--- a/src/features/market_live/components/MessageHistory.vue
+++ b/src/features/market_live/components/MessageHistory.vue
@@ -11,7 +11,9 @@
 </script>
 
 <template>
-	<h2 class="text-lg font-bold pb-3">Data History</h2>
+	<h2 class="text-lg font-bold pb-3">
+		{{ $t("market_live.components.history.title") }}
+	</h2>
 	<template v-for="burst in data" :key="burst.timestamp">
 		<div class="w-full border border-white/10 rounded mb-3">
 			<div class="flex flex-col text-xs uppercase">
@@ -21,7 +23,11 @@
 						{{ relativeFromDate(burst.timestamp) }}
 					</div>
 					<div class="px-4 py-2 text-[10px] text-white/50">
-						{{ burst.tickers.length }} Tickers received
+						{{
+							$t("market_live.components.history.received", {
+								value: burst.tickers.length,
+							})
+						}}
 					</div>
 				</div>
 				<div class="flex flex-wrap gap-1.5 p-2">
diff --git a/src/features/market_live/components/RuleBuilder.vue b/src/features/market_live/components/RuleBuilder.vue
index d025f777..c73a10ca 100644
--- a/src/features/market_live/components/RuleBuilder.vue
+++ b/src/features/market_live/components/RuleBuilder.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { reactive } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Components
 	import RuleGroup from "@/features/market_live/components/RuleGroup.vue";
 
@@ -21,7 +24,7 @@
 
 	const state = reactive<DetectorConfig>({
 		id: crypto.randomUUID(),
-		name: "New Rule",
+		name: t("market_live.components.rule_builder.new_rule_name"),
 		severity: "MEDIUM",
 		enabled: true,
 		logic: { operator: "AND", conditions: [] },
diff --git a/src/features/market_live/components/RuleGroup.vue b/src/features/market_live/components/RuleGroup.vue
index b6002fe0..cd0de683 100644
--- a/src/features/market_live/components/RuleGroup.vue
+++ b/src/features/market_live/components/RuleGroup.vue
@@ -86,15 +86,26 @@
 			<div class="flex gap-2">
 				<PButton @click="addCondition">
 					<template #icon><PlusSharp /></template>
-					Condition
+
+					{{
+						$t(
+							"market_live.components.rule_builder.buttons.add_condition"
+						)
+					}}
 				</PButton>
 				<PButton @click="addSubGroup">
 					<template #icon><PlusSharp /></template>
-					Group
+					{{
+						$t(
+							"market_live.components.rule_builder.buttons.add_group"
+						)
+					}}
 				</PButton>
 				<PButton type="error" @click="emit('remove')">
 					<template #icon><ClearSharp /></template>
-					Remove
+					{{
+						$t("market_live.components.rule_builder.buttons.remove")
+					}}
 				</PButton>
 			</div>
 		</div>
@@ -116,14 +127,18 @@
 				<div
 					v-else
 					class="p-2 border border-red-200 bg-red-50 text-red-500 text-[10px]">
-					Error: {{ JSON.stringify(item) }}
+					{{
+						$t("market_live.components.rule_builder.error", {
+							value: JSON.stringify(item),
+						})
+					}}
 				</div>
 			</div>
 
 			<div
 				v-if="group.conditions.length === 0"
 				class="text-[10px] text-slate-400 italic pl-2">
-				Empty Group
+				{{ $t("market_live.components.rule_builder.empty") }}
 			</div>
 		</div>
 	</div>
diff --git a/src/features/market_live/components/TargetEditor.vue b/src/features/market_live/components/TargetEditor.vue
index d8b261f2..cd914785 100644
--- a/src/features/market_live/components/TargetEditor.vue
+++ b/src/features/market_live/components/TargetEditor.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, watch } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Types & Interfaces
 	import type { ComparisonTarget } from "@/features/market_live/cxDetectors.types";
 
@@ -79,16 +82,22 @@
 			v-if="!isStaticOnly"
 			:value="modelValue.type"
 			:options="[
-				{ label: 'Value', value: 'static' },
-				{ label: 'Previous', value: 'previous' },
-				{ label: 'Offset %', value: 'previous_pct' },
+				{ label: t('market_live.rule_type.static'), value: 'static' },
+				{
+					label: t('market_live.rule_type.previous'),
+					value: 'previous',
+				},
+				{
+					label: t('market_live.rule_type.previous_pct'),
+					value: 'previous_pct',
+				},
 			]"
 			@update:value="(val: any) => setType(val)" />
 
 		<span
 			v-else
 			class="text-[10px] font-bold uppercase px-2 text-slate-400">
-			Text
+			{{ $t("market_live.rule_type.text") }}
 		</span>
 
 		<div class="pl-2">
@@ -118,7 +127,11 @@
 				@update:value="(val) => (internalValue = val ?? undefined)" />
 
 			<span v-if="modelValue.type === 'previous'" class="px-2">
-				Previous Datapoint
+				{{
+					$t(
+						"market_live.components.alert_manager.form.previous_datapoint"
+					)
+				}}
 			</span>
 		</div>
 	</div>
diff --git a/src/features/material_tile/components/MaterialTile.vue b/src/features/material_tile/components/MaterialTile.vue
index d1d90cec..c4dada8e 100644
--- a/src/features/material_tile/components/MaterialTile.vue
+++ b/src/features/material_tile/components/MaterialTile.vue
@@ -12,6 +12,9 @@
 		Ref,
 	} from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { useMaterialData } from "@/database/services/useMaterialData";
 	import { useExchangeData } from "@/database/services/useExchangeData";
@@ -70,17 +73,17 @@
 		ref(undefined);
 
 	const refChartValue: Ref<string> = ref("traded");
-	const refChartValueOptions: Ref<PSelectOption[]> = ref([
+	const refChartValueOptions: ComputedRef<PSelectOption[]> = computed(() => [
 		{
-			label: "Traded Volume",
+			label: t("material_tile.chart.labels.traded"),
 			value: "traded",
 		},
 		{
-			label: "Daily Minimum Price",
+			label: t("material_tile.chart.labels.low_p"),
 			value: "low_p",
 		},
 		{
-			label: "Daily Maximum Price",
+			label: t("material_tile.chart.labels.high_p"),
 			value: "high_p",
 		},
 	]);
@@ -213,15 +216,15 @@
 				<PTable>
 					<tbody>
 						<tr>
-							<th>Value</th>
+							<th>{{ $t("material_tile.indicator.value") }}</th>
 							<td>{{ formatNumber(amount ?? 0) }}</td>
 						</tr>
 						<tr>
-							<th>Maximum</th>
+							<th>{{ $t("material_tile.indicator.max") }}</th>
 							<td>{{ formatNumber(max) }}</td>
 						</tr>
 						<tr>
-							<th>% / Max</th>
+							<th>{{ $t("material_tile.indicator.pct_max") }}</th>
 							<td>
 								{{ formatNumber(indicatorPercentage) }}
 								%
@@ -238,7 +241,7 @@
 		v-model:show="refShowDrawer"
 		:width="600"
 		placement="right">
-		<n-drawer-content title="Material Information">
+		<n-drawer-content :title="t('material_tile.information.title')">
 			<div class="flex gap-x-5">
 				<div class="flex items-center">
 					<div
@@ -250,16 +253,26 @@
 				<div class="grow">
 					<div
 						class="w-full grid grid-cols-[25%_auto] child:odd:font-bold">
-						<div>Category</div>
 						<div>
-							{{ capitalizeString(material.category_name) }}
+							{{ $t("material_tile.information.table.category") }}
+						</div>
+						<div>
+							{{
+								$t(
+									`game.material_category.${material.category_name.replace(" ", "_")}`
+								)
+							}}
+						</div>
+						<div>
+							{{ $t("material_tile.information.table.weight") }}
 						</div>
-						<div>Weight</div>
 						<div>
 							{{ formatNumber(material.weight, 4) }}
 							t
 						</div>
-						<div>Volume</div>
+						<div>
+							{{ $t("material_tile.information.table.volume") }}
+						</div>
 						<div>
 							{{ formatNumber(material.volume, 4) }}
 							m³
@@ -275,7 +288,9 @@
 
 			<div class="flex py-5">
 				<div class="my-auto grow">
-					<h3 class="font-bold text-lg">Market History</h3>
+					<h3 class="font-bold text-lg">
+						{{ $t("material_tile.chart.title") }}
+					</h3>
 				</div>
 				<div>
 					<PSelect
diff --git a/src/features/plan_analytics/components/PlanAnalyticsBox.vue b/src/features/plan_analytics/components/PlanAnalyticsBox.vue
index d8646776..34c388a7 100644
--- a/src/features/plan_analytics/components/PlanAnalyticsBox.vue
+++ b/src/features/plan_analytics/components/PlanAnalyticsBox.vue
@@ -96,7 +96,9 @@
 			class="flex flex-col gap-3 w-100 max-h-[500px] flex-col rounded border border-white/10 bg-gray-dark shadow-lg mb-3">
 			<div
 				class="flex items-center justify-between border-b border-white/10 p-3">
-				<h3 class="font-bold">Planning Insights</h3>
+				<h3 class="font-bold">
+					{{ $t("plan.tools.plan_analytics.title") }}
+				</h3>
 				<button
 					class="text-sm text-white/60 hover:text-white"
 					@click="isOpen = false">
@@ -106,7 +108,9 @@
 
 			<div class="overflow-y-auto px-3 flex flex-col gap-3 pb-3">
 				<div>
-					<h4 class="mb-2 text-xs font-bold uppercase">Experts</h4>
+					<h4 class="mb-2 text-xs font-bold uppercase">
+						{{ $t("plan.tools.plan_analytics.labels.experts") }}
+					</h4>
 
 					<div
 						class="mb-3 flex h-3 w-full overflow-hidden rounded-full bg-white/5 shadow-inner">
@@ -135,7 +139,13 @@
 										getSegmentColor(index),
 									]"></span>
 								<span class="text-white/60"
-									>{{ item.type }}
+									>{{
+										$t(
+											`game.expertise.${item.type
+												.replace(" ", "_")
+												.toUpperCase()}`
+										)
+									}}
 								</span>
 							</div>
 							<span class="font-mono text-white/60">
@@ -147,7 +157,11 @@
 
 				<div>
 					<h4 class="mb-2 text-xs font-bold uppercase">
-						Production Buildings
+						{{
+							$t(
+								"plan.tools.plan_analytics.labels.production_buildings"
+							)
+						}}
 					</h4>
 					<div class="space-y-3">
 						<div
@@ -177,7 +191,9 @@
 				</div>
 
 				<div>
-					<h4 class="mb-2 text-xs font-bold uppercase">Recipes</h4>
+					<h4 class="mb-2 text-xs font-bold uppercase">
+						{{ $t("plan.tools.plan_analytics.labels.recipes") }}
+					</h4>
 
 					<div class="space-y-1">
 						<div
@@ -236,10 +252,11 @@
 					</div>
 				</div>
 				<div class="text-xs text-white/50">
-					Insights are aggregated from active player plans on
-					<strong>{{ planetNaturalId }}</strong
-					>. PRUNplanner enforces minimum sample thresholds to ensure
-					both anonymity and statistical accuracy.
+					{{
+						$t("plan.tools.plan_analytics.info", {
+							planet: planetNaturalId,
+						})
+					}}
 				</div>
 			</div>
 		</div>
diff --git a/src/features/sharing/components/SharingButton.vue b/src/features/sharing/components/SharingButton.vue
index 6b212241..a1d21522 100644
--- a/src/features/sharing/components/SharingButton.vue
+++ b/src/features/sharing/components/SharingButton.vue
@@ -73,16 +73,12 @@
 		title="Share Plan">
 		<template v-if="!isShared">
 			<div>
-				This will create an unique link that can be shared with others.
-				They will be able to see your plan, but don't modify it. The
-				link becomes unavailable once you choose to stop sharing or
-				delete the plan.
+				{{ $t("sharing.info") }}
 			</div>
 		</template>
 		<template v-else>
 			<div class="pb-3">
-				You're currently sharing this plan. It has been viewed
-				<strong>{{ viewCount }}</strong> times.
+				{{ $t("sharing.share_count", { count: viewCount }) }}
 			</div>
 			<div v-if="url" class="font-mono">
 				{{ url }}
@@ -93,7 +89,7 @@
 				:size="buttonSize"
 				:loading="isCreating"
 				@click="doCreateSharing">
-				Create Sharing Link
+				{{ $t("sharing.buttons.create_link") }}
 			</PButton>
 		</template>
 		<template v-else #action>
@@ -103,14 +99,14 @@
 					:size="buttonSize"
 					type="success"
 					@click="copyToClipboard(url)">
-					Copy URL
+					{{ $t("sharing.buttons.copy_url") }}
 				</PButton>
 				<PButton
 					:size="buttonSize"
 					type="error"
 					:loading="isDeleting"
 					@click="stopSharing">
-					Stop Sharing
+					{{ $t("sharing.buttons.stop_sharing") }}
 				</PButton>
 			</div>
 		</template>
@@ -123,11 +119,14 @@
 		<template v-if="isShared" #icon><RemoveRedEyeSharp /></template>
 		<template v-else #icon><LinkSharp /></template>
 
-		<template v-if="isShared">{{ viewCount }}</template>
-
+		<template v-if="isShared && buttonSize == 'sm'">
+			{{ viewCount }}
+		</template>
 		<template v-if="buttonSize !== 'sm'">
-			<template v-if="isShared"> Views</template>
-			<template v-else>Share</template>
+			<template v-if="isShared">
+				{{ $t("sharing.buttons.views", { count: viewCount }) }}
+			</template>
+			<template v-else>{{ $t("sharing.buttons.share") }}</template>
 		</template>
 	</PButton>
 </template>
diff --git a/src/features/xit/components/XITBurnActionButton.vue b/src/features/xit/components/XITBurnActionButton.vue
index 9c912b9c..e641781e 100644
--- a/src/features/xit/components/XITBurnActionButton.vue
+++ b/src/features/xit/components/XITBurnActionButton.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, ComputedRef, nextTick, PropType, ref, Ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { useBurnXITAction } from "@/features/xit/useBurnXITAction";
 	import { useXITAction } from "@/features/xit/useXITAction";
@@ -126,24 +129,24 @@
 			<div class="mb-3 grid grid-cols-1 xl:grid-cols-[60%_auto] gap-3">
 				<div>
 					<PForm>
-						<PFormItem label="Origin">
+						<PFormItem :label="t('xit.form.origin')">
 							<PSelect
 								v-model:value="burnOrigin"
 								:options="XITSTATIONWAREHOUSES"
 								class="w-full" />
 						</PFormItem>
-						<PFormItem label="Target Days">
+						<PFormItem :label="t('xit.form.target_days')">
 							<PInputNumber
 								v-model:value="burnResupplyDays"
 								:min="0"
 								show-buttons
 								class="w-full" />
 						</PFormItem>
-						<PFormItem label="Buy From CX">
+						<PFormItem :label="t('xit.form.buy_from_cx')">
 							<p
 								v-if="burnOrigin === 'Configure on Execution'"
 								class="text-xs text-negative">
-								Only warehouse origin allows purchasing.
+								{{ $t("xit.form.buy_from_cx_warning") }}
 							</p>
 							<PCheckbox
 								v-else
@@ -152,7 +155,7 @@
 									burnOrigin === 'Configure on Execution'
 								" />
 						</PFormItem>
-						<PFormItem label="Fit Ship">
+						<PFormItem :label="t('xit.form.fit_ship')">
 							<PButtonGroup>
 								<PButton
 									v-for="fitOption in fitOptions"
@@ -173,7 +176,7 @@
 								</PButton>
 							</PButtonGroup>
 						</PFormItem>
-						<PFormItem label="Hide Infinite">
+						<PFormItem :label="t('xit.form.hide_infinite')">
 							<PCheckbox v-model:checked="refHideInfinite" />
 						</PFormItem>
 					</PForm>
@@ -209,7 +212,7 @@
 									);
 								}
 							">
-							Copy XIT JSON
+							{{ $t("xit.buttons.copy_json") }}
 						</PButton>
 					</div>
 					<PInput
@@ -244,12 +247,12 @@
 				<thead>
 					<tr>
 						<th></th>
-						<th>Ticker</th>
-						<th>Stock</th>
-						<th>Delta</th>
-						<th>Burn</th>
-						<th>Amount</th>
-						<th>Override</th>
+						<th>{{ $t("xit.table.ticker") }}</th>
+						<th>{{ $t("xit.table.stock") }}</th>
+						<th>{{ $t("xit.table.delta") }}</th>
+						<th>{{ $t("xit.table.burn") }}</th>
+						<th>{{ $t("xit.table.amount") }}</th>
+						<th>{{ $t("xit.table.override") }}</th>
 					</tr>
 				</thead>
 				<tbody>
@@ -257,30 +260,36 @@
 						<td colspan="7">
 							<div class="flex flex-row justify-between">
 								<div>
-									Weight:
 									{{
-										formatNumber(
-											totalWeightVolume.totalWeight
-										)
+										$t("xit.table.weight_value", {
+											value: formatNumber(
+												totalWeightVolume.totalWeight
+											),
+										})
 									}}
 									<span class="pl-1 font-light text-white/50">
 										t
 									</span>
 								</div>
 								<div>
-									Volume:
 									{{
-										formatNumber(
-											totalWeightVolume.totalVolume
-										)
+										$t("xit.table.volume_value", {
+											value: formatNumber(
+												totalWeightVolume.totalVolume
+											),
+										})
 									}}
+
 									<span class="pl-1 font-light text-white/50">
 										m³
 									</span>
 								</div>
 								<div>
-									Price:
-									{{ formatNumber(totalPrice) }}
+									{{
+										$t("xit.table.price_value", {
+											value: formatNumber(totalPrice),
+										})
+									}}
 									<span class="pl-1 font-light text-white/50">
 										ȼ
 									</span>
diff --git a/src/features/xit/components/XITTransferActionButton.vue b/src/features/xit/components/XITTransferActionButton.vue
index 6be7814c..aff191b9 100644
--- a/src/features/xit/components/XITTransferActionButton.vue
+++ b/src/features/xit/components/XITTransferActionButton.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 	import { computed, ComputedRef, nextTick, PropType, ref, Ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	// Composables
 	import { useXITAction } from "@/features/xit/useXITAction";
 	const { transferJSON } = useXITAction();
@@ -103,12 +106,12 @@
 			<template #header> {{ drawerTitle }} </template>
 
 			<PForm>
-				<PFormItem label="Origin">
+				<PFormItem :label="t('xit.form.origin')">
 					<PSelect
 						v-model:value="burnOrigin"
 						:options="XITSTATIONWAREHOUSES" />
 				</PFormItem>
-				<PFormItem label="Buy From CX">
+				<PFormItem :label="t('xit.form.buy_from_cx')">
 					<div
 						class="w-full flex flex-row gap-1 my-3 h-8 items-center">
 						<PCheckbox
@@ -120,11 +123,11 @@
 						<div
 							v-if="burnOrigin === 'Configure on Execution'"
 							class="pl-3 text-xs text-white/50">
-							Requires origin warehouse to purchase
+							{{ $t("xit.form.buy_from_cx_warning") }}
 						</div>
 					</div>
 				</PFormItem>
-				<PFormItem label="JSON">
+				<PFormItem :label="t('xit.form.json')">
 					<div class="w-full flex flex-row gap-1">
 						<div class="grow">
 							<PInput
@@ -152,7 +155,7 @@
 										);
 									}
 								">
-								Copy
+								{{ $t("xit.buttons.copy") }}
 							</PButton>
 						</div>
 					</div>
@@ -162,8 +165,8 @@
 			<PTable striped class="mt-3">
 				<thead>
 					<tr>
-						<th>Ticker</th>
-						<th>Amount</th>
+						<th>{{ $t("xit.table.ticker") }}</th>
+						<th>{{ $t("xit.table.amount") }}</th>
 					</tr>
 				</thead>
 				<tbody>
diff --git a/src/locales/en_US/account.json b/src/locales/en_US/account.json
new file mode 100644
index 00000000..f6fdc2c0
--- /dev/null
+++ b/src/locales/en_US/account.json
@@ -0,0 +1,81 @@
+{
+	"components": {
+		"login": {
+			"title": "Login",
+			"error": "Error logging in. Please check your username and password.",
+			"buttons": {
+				"login": "Login"
+			},
+			"form": {
+				"username": "Username",
+				"password": "Password"
+			},
+			"tos": "By using PRUNplanner you agree to the {tos_link}.",
+			"tos_link": "Terms of Service",
+			"forgot": "Forgot your password? Request a {forgot_link}.",
+			"forgot_link": "Password Reset"
+		},
+		"registration": {
+			"title": "Account Information",
+			"tos": "PRUNplanner is free to use. By creating an account, you acknowledge and agree to the {tos_link}.",
+			"tos_link": "Terms of Service",
+			"result": {
+				"ok_header": "Welcome, {username}!",
+				"ok_message": "Registration succesful. You can now login to PRUNplanner.",
+				"error": "Error during registration."
+			},
+			"buttons": {
+				"register": "Create Account"
+			},
+			"form": {
+				"username": "Username",
+				"username_info": "Must be at least 3 characters long. Can't contain spaces.",
+				"password": "Password",
+				"password_info": "Must be at least 8 characters long.",
+				"email": "Email",
+				"email_placeholder": "Not mandatory, but recommended.",
+				"email_info": "Not mandatory. Increases your account security.",
+				"security_question": "Security Question",
+				"question": "Enter the name of planet {planet}. To find it, open a new Prosperous Universe buffer with the command {command}. You'll see the planets name listed under 'Name' in the planet information",
+				"planet_name": "Name"
+			}
+		},
+		"password_reset": {
+			"title": "Reset your Password",
+			"info": "Please enter the code sent to your email, along with your new password.",
+			"buttons": {
+				"send": "Reset Password"
+			},
+			"form": {
+				"email": "Email",
+				"code": "Code",
+				"password": "Password",
+				"password_info": "Must be at least 8 characters long."
+			}
+		},
+		"request_password_reset": {
+			"title": "Password Reset Request",
+			"info": "Enter the verified email address linked to your PRUNplanner account. If we recognize it, we'll send you a code to reset your password.",
+			"form": {
+				"email_placeholder": "Email Address"
+			},
+			"buttons": {
+				"send": "Request Password Reset"
+			}
+		},
+		"verify_email": {
+			"title": "Email Verification",
+			"info": "Please enter the verification code you received via email. Maybe check your spam folder.",
+			"buttons": {
+				"send": "Verify Email Address"
+			},
+			"form": {
+				"code_placeholder": "Verification Code"
+			},
+			"result": {
+				"ok": "Email address verified.",
+				"error": "Invalid code or already verified."
+			}
+		}
+	}
+}
diff --git a/src/locales/en_US/common.json b/src/locales/en_US/common.json
index b7436a4e..60ae9f5a 100644
--- a/src/locales/en_US/common.json
+++ b/src/locales/en_US/common.json
@@ -41,11 +41,24 @@
 		"search": "Search",
 		"default": "Default",
 		"select_all": "Select All",
+		"discard": "Discard",
 		"yes": "Yes",
 		"no": "No",
 		"delete": "Delete",
 		"cancel": "Cancel",
 		"clone_plan": "Clone Plan",
-		"clone_complete": "Cloning Complete"
+		"clone_complete": "Cloning Complete",
+		"copy": "Copy"
+	},
+	"ui": {
+		"placeholder": {
+			"please_input": "Please Input",
+			"please_select": "Please Select",
+			"search": "Search"
+		},
+		"select": {
+			"no_results": "No Results",
+			"select_options": "Select Options"
+		}
 	}
 }
diff --git a/src/locales/en_US/exchanges.json b/src/locales/en_US/exchanges.json
new file mode 100644
index 00000000..8c599196
--- /dev/null
+++ b/src/locales/en_US/exchanges.json
@@ -0,0 +1,55 @@
+{
+	"view_title": "Exchanges",
+	"title": "Exchanges",
+	"errors": {
+		"title": "No Preferences",
+		"message": "You don't have exchange preferences. Head to Management and create your first."
+	},
+	"buttons": {
+		"csv_import_export": "@:exchanges.components.csv_import_export.title",
+		"save": "@:common.buttons.save",
+		"reload": "@:common.buttons.reload"
+	},
+	"configuration": {
+		"form": {
+			"preference_name": "Preference Name",
+			"empire_preferences": "Empire Preferences",
+			"exchange": "Exchange",
+			"ticker": "@:terms.material_ticker"
+		}
+	},
+	"preference_type": {
+		"BUY": "BUY",
+		"SELL": "SELL",
+		"BOTH": "BOTH"
+	},
+	"components": {
+		"ticker": {
+			"no_data": "No @:terms.material_ticker Preferences Configured",
+			"material_placeholder": "@:terms.materials"
+		},
+		"exchanges": {
+			"no_data": "No @:terms.exchanges Preference Configured"
+		},
+		"planet_preferences": {
+			"title": "Planet Preferences",
+			"form": {
+				"exchange": "@:terms.exchanges",
+				"ticker": "@:terms.material_ticker"
+			},
+			"table": {
+				"planet": "@:terms.planets",
+				"exchange_preference": "@:terms.exchanges Preferences",
+				"ticker_preference": "@:terms.material_ticker Preferences"
+			}
+		},
+		"csv_import_export": {
+			"title": "Import / Export CSV",
+			"warning": "Warning: Importing deletes all existing properties and imports the new ones. You need to save your imported preferences after uploading the CSV file or use the reload button to discard them.",
+			"buttons": {
+				"import": "Import Settings",
+				"export": "Export Settings"
+			}
+		}
+	}
+}
diff --git a/src/locales/en_US/fio.json b/src/locales/en_US/fio.json
new file mode 100644
index 00000000..a104665d
--- /dev/null
+++ b/src/locales/en_US/fio.json
@@ -0,0 +1,49 @@
+{
+	"burn": {
+		"view_title": "FIO Burn",
+		"title": "FIO Burn:",
+		"fio_last_update": "FIO Data Update: {last_updated}",
+		"form": {
+			"empire": "@:terms.empire",
+			"burn_thresholds": "Burn Thresholds",
+			"red": "Red",
+			"yellow": "Yellow"
+		},
+		"components": {
+			"overview": {
+				"title": "Plan Burn Overview",
+				"table": {
+					"plan": "@:terms.plan",
+					"planet": "@:terms.planets",
+					"burn": "Burn"
+				}
+			},
+			"plans": {
+				"xit_title": "XIT Resupply: {plan_name}",
+				"table": {
+					"ticker": "@:terms.material_ticker",
+					"consumption": "@:terms.consumption",
+					"production": "@:terms.production",
+					"delta": "@:terms.delta",
+					"stock": "@:terms.stock",
+					"plan": "@:terms.plan",
+					"burn": "Burn",
+					"exhaustion": "Exhaustion"
+				}
+			}
+		}
+	},
+	"repair": {
+		"view_title": "FIO Repair",
+		"title": "FIO Repair",
+		"fio_last_update": "FIO Data Update: {last_updated}",
+		"table": {
+			"title": "@:terms.planet_plural",
+			"planet": "@:terms.planets",
+			"buildings": "@:terms.buildings_plural",
+			"avg_condition": "⌀ Condition",
+			"min_condition": "Min. Condition",
+			"repair_age": "Repair Age"
+		}
+	}
+}
diff --git a/src/locales/en_US/game.json b/src/locales/en_US/game.json
index b602cdb7..f3e19d40 100644
--- a/src/locales/en_US/game.json
+++ b/src/locales/en_US/game.json
@@ -66,6 +66,42 @@
 		"WORKFORCE_ENGINEERS": "ENG",
 		"WORKFORCE_SCIENTISTS": "SCI"
 	},
+	"material_category": {
+		"agricultural_products": "Agricultural Products",
+		"alloys": "Alloys",
+		"chemicals": "Chemicals",
+		"construction_materials": "Construction Materials",
+		"construction_parts": "Construction Parts",
+		"construction_prefabs": "Construction Prefabs",
+		"consumable_bundles": "Consumable Bundles",
+		"consumables_(basic)": "Consumables Basic",
+		"consumables_(luxury)": "Consumables Luxury",
+		"drones": "Drones",
+		"electronic_devices": "Electronic Devices",
+		"electronic_parts": "Electronic Parts",
+		"electronic_pieces": "Electronic Pieces",
+		"electronic_systems": "Electronic Systems",
+		"elements": "Elements",
+		"energy_systems": "Energy Systems",
+		"fuels": "Fuels",
+		"gases": "Gases",
+		"liquids": "Liquids",
+		"medical_equipment": "Medical Equipment",
+		"metals": "Metals",
+		"minerals": "Minerals",
+		"ores": "Ores",
+		"plastics": "Plastics",
+		"ship_engines": "Ship Engines",
+		"ship_kits": "Ship Kits",
+		"ship_parts": "Ship Parts",
+		"ship_shields": "Ship Shields",
+		"software_components": "Software Components",
+		"software_systems": "Software Systems",
+		"software_tools": "Software Tools",
+		"textiles": "Textiles",
+		"unit_prefabs": "Unit Prefabs",
+		"utility": "Utility"
+	},
 	"upkeep": {
 		"safety": "Safety",
 		"health": "Health",
diff --git a/src/locales/en_US/market_live.json b/src/locales/en_US/market_live.json
new file mode 100644
index 00000000..ca5a5b21
--- /dev/null
+++ b/src/locales/en_US/market_live.json
@@ -0,0 +1,101 @@
+{
+	"view_title": "Market Live",
+	"title": "Market Live",
+	"status": {
+		"connected": "Connected",
+		"disconnected": "Disconnected"
+	},
+	"severity_type": {
+		"LOW": "LOW",
+		"MEDIUM": "MEDIUM",
+		"HIGH": "HIGH"
+	},
+	"status_type": {
+		"active": "Active",
+		"paused": "Paused"
+	},
+	"rule_type": {
+		"static": "Value",
+		"previous": "Previous",
+		"previous_pct": "Offset %",
+		"text": "Text"
+	},
+	"components": {
+		"feed": {
+			"title": "Alert Feed",
+			"buttons": {
+				"open_manager": "Open Alert Manager",
+				"close_manager": "Close Alert Manager",
+				"clear_feed": "Clear Feed",
+				"show_overview": "Show Overview",
+				"hide_overview": "Hide Overview"
+			}
+		},
+		"alert_feed": {
+			"waiting": "Waiting for market events triggering alerts...",
+			"table": {
+				"ticker_alert": "Ticker / Alert",
+				"severity": "Severity",
+				"logic": "Trigger Logic",
+				"event": "Event",
+				"time": "Time"
+			}
+		},
+		"details": {
+			"price": "Price",
+			"ask": "@:{'terms.ask'}: {value}",
+			"bid": "@:{'terms.bid'}: {value}",
+			"spread": "@:{'terms.spread'}",
+			"buy_volume": "Buy Volume",
+			"vwap": "@:{'terms.vwap'}: {value}",
+			"change": "Change: {value}",
+			"sell_volume": "Sell Volume",
+			"buy_volume_value": "Buy Volume: {value}",
+			"sell_volume_value": "Sell Volume: {value}"
+		},
+		"point_table": {
+			"table": {
+				"ticker": "@:terms.material_ticker",
+				"price": "@:terms.price",
+				"bid": "@:terms.bid",
+				"ask": "@:terms.ask",
+				"spread_pct": "Spread %",
+				"buy_volume": "Buy Vol.",
+				"sell_volume": "Sell Vol."
+			}
+		},
+		"history": {
+			"title": "Data History",
+			"received": "{value} @:terms.material_ticker received"
+		},
+		"rule_builder": {
+			"new_rule_name": "New Rule",
+			"buttons": {
+				"add_condition": "Condition",
+				"add_group": "Group",
+				"remove": "Remove"
+			},
+			"error": "Error: {value}",
+			"empty": "Empty Group"
+		},
+		"alert_manager": {
+			"title": "Alert Manager",
+			"title_editing": "Edit Alert",
+			"info": "Alerts are currently stored on this device only and are not synced to your account.",
+			"no_alerts": "No alerts found. Start by creating your first detector signal",
+			"buttons": {
+				"create_alert": "Create New Alert",
+				"discard": "@:common.buttons.discard",
+				"save": "@:common.buttons.save",
+				"delete": "@:common.buttons.delete"
+			},
+			"form": {
+				"alert_name": "Alert Name",
+				"severity": "Severity",
+				"status": "Status",
+				"logic_configuration": "Logic Configuration",
+				"previous_datapoint": "Previous Datepoint"
+			}
+		}
+	}
+}
diff --git a/src/locales/en_US/material_tile.json b/src/locales/en_US/material_tile.json
new file mode 100644
index 00000000..7feabd58
--- /dev/null
+++ b/src/locales/en_US/material_tile.json
@@ -0,0 +1,23 @@
+{
+	"information": {
+		"title": "Material Information",
+		"table": {
+			"category": "Category",
+			"weight": "Weight",
+			"volume": "Volume"
+		}
+	},
+	"indicator": {
+		"value": "Value",
+		"max": "Maximum",
+		"pct_max": "% / Max"
+	},
+	"chart": {
+		"title": "Market History",
+		"labels": {
+			"traded": "Traded Volume",
+			"low_p": "Daily Minimum Price",
+			"high_p": "Daily Maximum Price"
+		}
+	}
+}
diff --git a/src/locales/en_US/plan.json b/src/locales/en_US/plan.json
index c45b530b..1b01bf38 100644
--- a/src/locales/en_US/plan.json
+++ b/src/locales/en_US/plan.json
@@ -138,6 +138,15 @@
 				"recipe_profit": "@:terms.recipes Profit",
 				"cost_split": "Cost Split"
 			}
+		},
+		"plan_analytics": {
+			"title": "Planning Insights",
+			"info": "Insights are aggregated from active player plans on {planet}. PRUNplanner enforces minimum sample thresholds to ensure both anonymity and statistical accuracy.",
+			"labels": {
+				"experts": "Experts",
+				"production_buildings": "Production @:terms.buildings_plural",
+				"recipes": "@:terms.recipes_plural"
+			}
 		}
 	},
 	"components": {
diff --git a/src/locales/en_US/sharing.json b/src/locales/en_US/sharing.json
new file mode 100644
index 00000000..fc01f576
--- /dev/null
+++ b/src/locales/en_US/sharing.json
@@ -0,0 +1,11 @@
+{
+	"info": "This will create an unique link that can be shared with others. They will be able to see your plan, but don't modify it. The link becomes unavailable once you choose to stop sharing or delete the plan.",
+	"share_count": "You're currently sharing this plan. It has been viewed {count} times",
+	"buttons": {
+		"create_link": "Create Sharing Link",
+		"copy_url": "Copy URL",
+		"stop_sharing": "Stop Sharing",
+		"views": "{count} Views",
+		"share": "Share"
+	}
+}
diff --git a/src/locales/en_US/terms.json b/src/locales/en_US/terms.json
index 5ee0ed83..a8dd9686 100644
--- a/src/locales/en_US/terms.json
+++ b/src/locales/en_US/terms.json
@@ -7,7 +7,9 @@
 	"ask": "Ask",
 	"bid": "Bid",
 	"buffer": "Buffer",
+	"buildings_plural": "Buildings",
 	"buildings": "Building | Buildings",
+	"burn": "Burn",
 	"cogc": "COGC",
 	"cogm": "COGM",
 	"consumption": "Consumption",
@@ -17,10 +19,12 @@
 	"delta_price": "ȼ Delta",
 	"delta": "Delta",
 	"demand": "Demand",
+	"empire_plural": "Empires",
 	"empire": "Empire | Empires",
 	"exchanges": "Exchange | Exchanges",
 	"experts_plural": "Experts",
 	"experts": "Expert | Experts",
+	"export": "Export",
 	"faction": "Faction",
 	"fertility": "Fertility",
 	"filter": "Filter",
@@ -29,10 +33,12 @@
 	"gravity": "Gravity",
 	"high": "High",
 	"hq": "HQ",
+	"import": "Import",
 	"low": "Low",
 	"material_ticker": "Ticker",
 	"materials_plural": "Materials",
 	"materials": "Material | Materials",
+	"override": " Override",
 	"permits_plural": "Permits",
 	"permits": "Permit | Permits",
 	"plan": "Plan | Plans",
@@ -41,6 +47,7 @@
 	"plans_plural": "Plans",
 	"popr": "POPR",
 	"pressure": "Pressure",
+	"price": "Price",
 	"production": "Production",
 	"profit_per_area": "Profit / Area",
 	"profit": "Profit",
@@ -51,7 +58,9 @@
 	"revenue": "Revenue",
 	"rocky": "Rocky",
 	"spread": "Spread",
+	"stock": "Stock",
 	"storage": "Storage",
+	"sum": "∑",
 	"supply": "Supply",
 	"surface": "Surface",
 	"temperature": "Temperature",
@@ -60,8 +69,5 @@
 	"trend": "Trend",
 	"volume": "Volume",
 	"vwap": "VWAP",
-	"weight": "Weight",
-	"import": "Import",
-	"export": "Export",
-	"sum": "∑"
+	"weight": "Weight"
 }
diff --git a/src/locales/en_US/xit.json b/src/locales/en_US/xit.json
new file mode 100644
index 00000000..7d505bd8
--- /dev/null
+++ b/src/locales/en_US/xit.json
@@ -0,0 +1,26 @@
+{
+	"form": {
+		"origin": "Origin",
+		"target_days": "Target Days",
+		"buy_from_cx": "Buy From CX",
+		"buy_from_cx_warning": "Only warehouse origin allows purchasing.",
+		"fit_ship": "Fit Ship",
+		"hide_infinite": "Hide Infinite",
+		"json": "JSON"
+	},
+	"buttons": {
+		"copy_json": "Copy XIT JSON",
+		"copy": "@:common.buttons.copy"
+	},
+	"table": {
+		"ticker": "@:terms.material_ticker",
+		"stock": "@:terms.stock",
+		"delta": "@:terms.delta",
+		"burn": "@:terms.burn",
+		"amount": "@:terms.amount",
+		"override": "@:terms.override",
+		"weight_value": "@:{'terms.weight'}: {value}",
+		"volume_value": "@:{'terms.volume'}: {value}",
+		"price_value": "@:{'terms.price'}: {value}"
+	}
+}
diff --git a/src/ui/components/PInput.vue b/src/ui/components/PInput.vue
index 19f4cf79..b2e45b14 100644
--- a/src/ui/components/PInput.vue
+++ b/src/ui/components/PInput.vue
@@ -1,5 +1,9 @@
 <script setup lang="ts">
-	import { ref } from "vue";
+	import { computed, ref } from "vue";
+
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { SizeKey } from "@/ui/ui.types";
 	import { inputConfig } from "@/ui/styles";
 
@@ -10,7 +14,7 @@
 	const {
 		disabled = false,
 		size = "md",
-		placeholder = "Please Input",
+		placeholder = undefined,
 		rows = 5,
 		type = "input",
 	} = defineProps<{
@@ -23,6 +27,10 @@
 
 	const inputEl = ref<HTMLInputElement | null>(null);
 
+	const placeholderText = computed(
+		() => placeholder ?? t("common.ui.placeholder.please_input")
+	);
+
 	function focus() {
 		inputEl.value?.focus();
 	}
@@ -46,7 +54,7 @@
 				:disabled="disabled"
 				type="text"
 				:value="value"
-				:placeholder="placeholder"
+				:placeholder="placeholderText"
 				:class="`${inputConfig.sizes[size].input}`"
 				autocomplete="off"
 				@input="onInput" />
@@ -57,7 +65,7 @@
 				:disabled="disabled"
 				type="password"
 				:value="value"
-				:placeholder="placeholder"
+				:placeholder="placeholderText"
 				:class="`${inputConfig.sizes[size].input}`"
 				autocomplete="off"
 				@input="onInput" />
@@ -69,7 +77,7 @@
 				type="text"
 				:value="value"
 				:rows="rows"
-				:placeholder="placeholder"
+				:placeholder="placeholderText"
 				:class="`${inputConfig.sizes[size].input}`"
 				autocomplete="off"
 				@input="onInput" />
diff --git a/src/ui/components/PInputNumber.vue b/src/ui/components/PInputNumber.vue
index bc745f13..a4d03b1f 100644
--- a/src/ui/components/PInputNumber.vue
+++ b/src/ui/components/PInputNumber.vue
@@ -1,4 +1,9 @@
 <script setup lang="ts">
+	import { computed } from "vue";
+
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { SizeKey } from "@/ui/ui.types";
 	import { inputNumberConfig } from "@/ui/styles";
 
@@ -14,7 +19,7 @@
 		decimals = false,
 		min = -Infinity,
 		max = Infinity,
-		placeholder = "Please Input",
+		placeholder = undefined,
 	} = defineProps<{
 		disabled?: boolean;
 		size?: SizeKey;
@@ -25,6 +30,10 @@
 		placeholder?: string;
 	}>();
 
+	const placeholderText = computed(
+		() => placeholder ?? t("common.ui.placeholder.please_input")
+	);
+
 	function onInput(e: Event) {
 		const target = e.target as HTMLInputElement;
 
@@ -48,11 +57,11 @@
 
 		// Clamp to min/max, only updating the text field if the value is out of bounds.
 		// Otherwise we may inadvertently move the user's cursor or remove decimal points they are in the process of typing.
-		if (numValue < min || numValue > max) {	
+		if (numValue < min || numValue > max) {
 			numValue = Math.min(Math.max(numValue, min), max);
 			target.value = String(numValue);
 		}
-		
+
 		value.value = numValue;
 	}
 
@@ -83,7 +92,7 @@
 				:min="min"
 				:max="max"
 				:value="value"
-				:placeholder="placeholder"
+				:placeholder="placeholderText"
 				:class="`${inputNumberConfig.input} ${inputNumberConfig.sizes[size].input}`"
 				@input="onInput" />
 
diff --git a/src/ui/components/PSelect.vue b/src/ui/components/PSelect.vue
index f65542cd..f4c9888a 100644
--- a/src/ui/components/PSelect.vue
+++ b/src/ui/components/PSelect.vue
@@ -8,6 +8,10 @@
 		ref,
 		watch,
 	} from "vue";
+
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { currentlyOpenId } from "@/ui/stateCurrentOpen";
 	import { PSelectOption } from "@/ui/ui.types";
 	import PInput from "./PInput.vue";
@@ -24,7 +28,7 @@
 		searchable = false,
 		disabled = false,
 		clearable = false,
-		placeholder = "Please Select",
+		placeholder = undefined,
 	} = defineProps<{
 		options: PSelectOption[];
 		searchable?: boolean;
@@ -33,6 +37,10 @@
 		placeholder?: string;
 	}>();
 
+	const placeholderText = computed(
+		() => placeholder ?? t("common.ui.placeholder.please_select")
+	);
+
 	const open = ref(false);
 	const searchString: Ref<string | null> = ref(null);
 	const highlightedIndex = ref(0);
@@ -55,7 +63,7 @@
 
 		return (
 			allOptions.find((f) => f.value === value.value)?.label ??
-			placeholder
+			placeholderText.value
 		);
 	});
 
@@ -221,7 +229,9 @@
 					v-else
 					class="grow child:child:bg-transparent!"
 					@click.stop="ensureOpened">
-					<PInput v-model:value="searchString" placeholder="Search" />
+					<PInput
+						v-model:value="searchString"
+						:placeholder="t('common.ui.placeholder.search')" />
 				</div>
 				<div
 					v-if="value && value !== null && clearable"
@@ -258,7 +268,9 @@
 						@click="(v) => change(v)" />
 
 					<template v-if="filteredOptions.length === 0">
-						<div class="text-center text-xs">No Results</div>
+						<div class="text-center text-xs">
+							{{ $t("common.ui.select.no_results") }}
+						</div>
 					</template>
 				</div>
 			</div>
diff --git a/src/ui/components/PSelectMultiple.vue b/src/ui/components/PSelectMultiple.vue
index e747db6c..36972d50 100644
--- a/src/ui/components/PSelectMultiple.vue
+++ b/src/ui/components/PSelectMultiple.vue
@@ -8,6 +8,10 @@
 		ref,
 		watch,
 	} from "vue";
+
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { currentlyOpenId } from "@/ui/stateCurrentOpen";
 	import { PSelectOption } from "@/ui/ui.types";
 	import PInput from "./PInput.vue";
@@ -248,7 +252,9 @@
 							</PTag>
 						</div>
 					</template>
-					<template v-else> Select Options </template>
+					<template v-else>
+						{{ $t("common.ui.select.select_options") }}
+					</template>
 				</div>
 
 				<div
@@ -281,7 +287,7 @@
 						v-if="searchable"
 						ref="searchInputRef"
 						v-model:value="searchString"
-						placeholder="Search"
+						:placeholder="t('common.ui.placeholder.search')"
 						@keydown="onKeyDown" />
 					<PSelectElement
 						v-for="(option, idx) in filteredOptions"
@@ -292,7 +298,9 @@
 						@click="(v) => change(v)" />
 
 					<template v-if="filteredOptions.length === 0">
-						<div class="text-center text-xs">No Results</div>
+						<div class="text-center text-xs">
+							{{ $t("common.ui.select.no_results") }}
+						</div>
 					</template>
 				</div>
 			</div>
diff --git a/src/views/ExchangesView.vue b/src/views/ExchangesView.vue
index b6dfb97e..34cfe032 100644
--- a/src/views/ExchangesView.vue
+++ b/src/views/ExchangesView.vue
@@ -8,6 +8,15 @@
 		watch,
 	} from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
+	import { useHead } from "@unhead/vue";
+
+	useHead({
+		title: `${t("exchanges.view_title")} | PRUNplanner`,
+	});
+
 	// Stores
 	import { usePlanningStore } from "@/stores/planningStore";
 
@@ -45,13 +54,6 @@
 		ImportExportOutlined,
 	} from "@vicons/material";
 
-	// Unhead
-	import { useHead } from "@unhead/vue";
-
-	useHead({
-		title: `Exchanges | PRUNplanner`,
-	});
-
 	const planningStore = usePlanningStore();
 
 	const props = defineProps({
@@ -255,8 +257,8 @@
 		<WrapperGameDataLoader load-exchanges load-materials>
 			<template v-if="!localCXUuid">
 				<AsyncWrapperGenericError
-					message-title="No Preferences"
-					message-text="You don't have exchange preferences. Head to Management and create your first." />
+					:message-title="t('exchanges.errors.title')"
+					:message-text="t('exchanges.errors.message')" />
 			</template>
 			<div v-else class="min-h-screen flex flex-col">
 				<div
@@ -274,14 +276,14 @@
 								{{ cxName }}
 							</div>
 						</n-dropdown>
-						<template v-else>Exchanges</template>
+						<template v-else>{{ $t("exchanges.title") }}</template>
 					</h1>
 					<div class="flex flex-row gap-x-3">
 						<PButton @click="toggleImportExport">
 							<template #icon>
 								<ImportExportOutlined />
 							</template>
-							Import / Export CSV
+							{{ $t("exchanges.buttons.csv_import_export") }}
 						</PButton>
 						<PButton
 							v-if="patchData"
@@ -290,13 +292,13 @@
 							<template #icon>
 								<SaveSharp />
 							</template>
-							Save
+							{{ $t("exchanges.buttons.save") }}
 						</PButton>
 						<PButton @click="reloadCXData">
 							<template #icon>
 								<ChangeCircleOutlined />
 							</template>
-							Reload
+							{{ $t("exchanges.buttons.reload") }}
 						</PButton>
 						<HelpDrawer file-name="exchanges" />
 					</div>
@@ -305,7 +307,13 @@
 					:kex="`EXCHANGE#${localCXUuid}`"
 					class="grow grid grid-cols-1 lg:grid-cols-[350px_auto] divide-x divide-white/10">
 					<div class="px-6 pb-3 pt-4 border-b border-white/10">
-						<h3 class="text-lg font-bold pb-3">Preference Name</h3>
+						<h3 class="text-lg font-bold pb-3">
+							{{
+								$t(
+									"exchanges.configuration.form.preference_name"
+								)
+							}}
+						</h3>
 						<PInput
 							v-model:value="selectedName"
 							:status="
@@ -315,13 +323,21 @@
 							" />
 
 						<h2 class="text-xl font-bold py-3 pt-6 my-auto">
-							Empire Preferences
+							{{
+								$t(
+									"exchanges.configuration.form.empire_preferences"
+								)
+							}}
 						</h2>
-						<h3 class="text-lg font-bold pb-3">Exchange</h3>
+						<h3 class="text-lg font-bold pb-3">
+							{{ $t("exchanges.configuration.form.exchange") }}
+						</h3>
 						<CXExchangePreference
 							v-if="selectedCX"
 							v-model:cx-options="selectedCX.cx_data.cx_empire" />
-						<h3 class="text-lg font-bold py-3">Ticker</h3>
+						<h3 class="text-lg font-bold py-3">
+							{{ $t("exchanges.configuration.form.ticker") }}
+						</h3>
 						<CXTickerPreference
 							v-if="selectedCX"
 							v-model:cx-options="
diff --git a/src/views/fio/FIOBurnView.vue b/src/views/fio/FIOBurnView.vue
index adb105bc..7c002b04 100644
--- a/src/views/fio/FIOBurnView.vue
+++ b/src/views/fio/FIOBurnView.vue
@@ -8,10 +8,13 @@
 		toRef,
 	} from "vue";
 
-	// Unhead
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
 	import { useHead } from "@unhead/vue";
+
 	useHead({
-		title: "Burn | PRUNplanner",
+		title: `${t("fio.burn.view_title")} | PRUNplanner`,
 	});
 
 	// Stores
@@ -175,7 +178,7 @@
 					<div
 						class="px-6 py-3 border-b border-white/10 flex flex-row justify-between">
 						<h1 class="text-2xl font-normal my-auto">
-							FIO Burn:
+							{{ $t("fio.burn.title") }}
 							<span class="font-bold">
 								{{
 									` ${
@@ -188,13 +191,14 @@
 						</h1>
 						<div class="flex flex-row gap-x-3">
 							<div class="my-auto">
-								FIO Data Update:
 								{{
-									relativeFromDate(
-										planningStore.fio_storage_timestamp ??
-											0,
-										true
-									)
+									$t("fio.burn.fio_last_update", {
+										last_updated: relativeFromDate(
+											planningStore.fio_storage_timestamp ??
+												0,
+											true
+										),
+									})
 								}}
 							</div>
 							<HelpDrawer file-name="fio_burn" />
@@ -208,7 +212,7 @@
 								<div>
 									<h2
 										class="text-white/80 font-bold text-lg pb-3">
-										Empire
+										{{ $t("fio.burn.form.empire") }}
 									</h2>
 
 									<PSelect
@@ -225,18 +229,22 @@
 								<div>
 									<h2
 										class="text-white/80 font-bold text-lg pb-3">
-										Burn Thresholds
+										{{
+											$t("fio.burn.form.burn_thresholds")
+										}}
 									</h2>
 
 									<PForm>
-										<PFormItem label="Red">
+										<PFormItem
+											:label="t('fio.burn.form.red')">
 											<PInputNumber
 												v-model:value="burnDaysRed"
 												show-buttons
 												:min="1"
 												class="w-full max-w-100" />
 										</PFormItem>
-										<PFormItem label="Yellow">
+										<PFormItem
+											:label="t('fio.burn.form.yellow')">
 											<PInputNumber
 												v-model:value="burnDaysYellow"
 												show-buttons
@@ -248,7 +256,7 @@
 							</div>
 
 							<h2 class="text-white/80 font-bold text-lg pb-3">
-								Plan Burn Overview
+								{{ $t("fio.burn.components.overview.title") }}
 							</h2>
 
 							<AsyncFIOBurnPlanTable :plan-table="planTable" />
diff --git a/src/views/fio/FIORepairView.vue b/src/views/fio/FIORepairView.vue
index 28dca84b..604f83ca 100644
--- a/src/views/fio/FIORepairView.vue
+++ b/src/views/fio/FIORepairView.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 	import { ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
+	import { useHead } from "@unhead/vue";
+
+	useHead({
+		title: `${t("fio.repair.view_title")} | PRUNplanner`,
+	});
+
 	// Stores
 	import { usePlanningStore } from "@/stores/planningStore";
 
@@ -26,14 +35,17 @@
 		<div class="min-h-screen flex flex-col">
 			<div
 				class="px-6 py-3 border-b border-white/10 flex flex-row justify-between">
-				<h1 class="text-2xl font-bold my-auto">FIO Repair</h1>
+				<h1 class="text-2xl font-bold my-auto">
+					{{ $t("fio.repair.title") }}
+				</h1>
 				<div class="my-auto">
-					FIO Data Update:
 					{{
-						relativeFromDate(
-							planningStore.fio_storage_timestamp ?? 0,
-							true
-						)
+						$t("fio.repair.fio_last_update", {
+							last_updated: relativeFromDate(
+								planningStore.fio_storage_timestamp ?? 0,
+								true
+							),
+						})
 					}}
 				</div>
 			</div>
diff --git a/src/views/tools/MarketLiveDataView.vue b/src/views/tools/MarketLiveDataView.vue
index 64e620d8..433db7dc 100644
--- a/src/views/tools/MarketLiveDataView.vue
+++ b/src/views/tools/MarketLiveDataView.vue
@@ -1,6 +1,15 @@
 <script setup lang="ts">
 	import { computed, onMounted, onUnmounted, ref } from "vue";
 
+	import { useI18n } from "vue-i18n";
+	const { t } = useI18n();
+
+	import { useHead } from "@unhead/vue";
+
+	useHead({
+		title: `${t("market_live.view_title")} | PRUNplanner`,
+	});
+
 	// Composables
 	import { useExchangeSSE } from "@/features/market_live/useExchangeSSE";
 
@@ -56,7 +65,7 @@
 	<div class="h-dvh flex flex-col overflow-hidden">
 		<div
 			class="px-6 py-3 border-b border-white/10 flex flex-row justify-between gap-x-3 shrink-0">
-			<h1 class="text-2xl font-bold">Market Live</h1>
+			<h1 class="text-2xl font-bold">{{ $t("market_live.title") }}</h1>
 			<div>
 				<div class="flex flex-row gap-x-3 child:my-auto">
 					<div class="flex items-center gap-2 font-medium">
@@ -77,7 +86,11 @@
 							:class="
 								isConnected ? 'text-positive' : 'text-negative'
 							">
-							{{ isConnected ? "Connected" : "Disconnected" }}
+							{{
+								isConnected
+									? t("market_live.status.connected")
+									: t("market_live.status.disconnected")
+							}}
 						</span>
 					</div>
 					<HelpDrawer file-name="tools_market_live" />
@@ -93,7 +106,9 @@
 						class="flex-1 flex flex-col min-h-0 rounded border border-white/10 p-3">
 						<div
 							class="pb-3 flex flex-row justify-between items-center shrink-0">
-							<h2 class="text-lg font-bold">Alert Feed</h2>
+							<h2 class="text-lg font-bold">
+								{{ $t("market_live.components.feed.title") }}
+							</h2>
 							<div class="flex flex-row gap-3">
 								<PButton
 									:type="
@@ -109,17 +124,29 @@
 										<EditSharp v-else />
 									</template>
 									<span v-if="showAlertManager">
-										Close Alert Manager
+										{{
+											$t(
+												"market_live.components.feed.buttons.close_manager"
+											)
+										}}
 									</span>
 									<span v-if="!showAlertManager">
-										Open Alert Manager
+										{{
+											$t(
+												"market_live.components.feed.buttons.open_manager"
+											)
+										}}
 									</span>
 								</PButton>
 								<PButton type="error" @click="clearEventLog">
 									<template #icon>
 										<ClearSharp />
 									</template>
-									Clear Feed
+									{{
+										$t(
+											"market_live.components.feed.buttons.clear_feed"
+										)
+									}}
 								</PButton>
 								<PButton
 									:type="
@@ -152,9 +179,19 @@
 										<KeyboardDoubleArrowLeftSharp v-else />
 									</template>
 									<span v-if="showTickerOverview">
-										Hide Overview
+										{{
+											$t(
+												"market_live.components.feed.buttons.hide_overview"
+											)
+										}}
+									</span>
+									<span v-else>
+										{{
+											$t(
+												"market_live.components.feed.buttons.show_overview"
+											)
+										}}
 									</span>
-									<span v-else> Show Overview </span>
 								</PButton>
 							</div>
 						</div>

From 6f889f63c499f8ef7731fa19996624603aa04b02 Mon Sep 17 00:00:00 2001
From: Jan <jplacht@gmail.com>
Date: Fri, 8 May 2026 13:40:53 +0200
Subject: [PATCH 2/3] fix(test): fix i18n on useCXManagement test

---
 src/tests/features/exchanges/useManageCX.test.ts | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/tests/features/exchanges/useManageCX.test.ts b/src/tests/features/exchanges/useManageCX.test.ts
index 4591fdcc..8827e497 100644
--- a/src/tests/features/exchanges/useManageCX.test.ts
+++ b/src/tests/features/exchanges/useManageCX.test.ts
@@ -1,9 +1,5 @@
-import { describe, it, expect } from "vitest";
+import { describe, it, expect, vi } from "vitest";
 
-import {
-	PreferenceType,
-	ExchangeType,
-} from "@/features/exchanges/manageCX.types";
 import {
 	ICXDataExchangeOption,
 	ICXDataTickerOption,
@@ -11,6 +7,14 @@ import {
 import { useCXManagement } from "@/features/exchanges/useManageCX";
 import { createPinia, setActivePinia } from "pinia";
 
+vi.mock("vue-i18n", () => ({
+	useI18n: () => ({
+		t: (key: string) => key,
+		d: (key: string) => key,
+		n: (key: string) => key,
+	}),
+}));
+
 describe("useCXManagement", async () => {
 	setActivePinia(createPinia());
 

From 5a1568bb399034edee59042d309afd8b9858418d Mon Sep 17 00:00:00 2001
From: Jan <jplacht@gmail.com>
Date: Fri, 8 May 2026 13:43:37 +0200
Subject: [PATCH 3/3] improve(exchange): useManageCX does not need async

---
 src/features/exchanges/components/CXExchangePreference.vue | 2 +-
 src/features/exchanges/components/CXTickerPreference.vue   | 2 +-
 src/features/exchanges/useManageCX.ts                      | 2 +-
 src/tests/features/exchanges/useManageCX.test.ts           | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/features/exchanges/components/CXExchangePreference.vue b/src/features/exchanges/components/CXExchangePreference.vue
index 52194cab..d535638e 100644
--- a/src/features/exchanges/components/CXExchangePreference.vue
+++ b/src/features/exchanges/components/CXExchangePreference.vue
@@ -34,7 +34,7 @@
 		canAddExchangePreference,
 		updateExchangePreference,
 		deleteExchangePreference,
-	} = await useCXManagement();
+	} = useCXManagement();
 
 	const selectedType: Ref<PreferenceType> = ref("BOTH");
 	const selectedExchange: Ref<ExchangeType> = ref("UNIVERSE_30D");
diff --git a/src/features/exchanges/components/CXTickerPreference.vue b/src/features/exchanges/components/CXTickerPreference.vue
index c74fe267..0d42655b 100644
--- a/src/features/exchanges/components/CXTickerPreference.vue
+++ b/src/features/exchanges/components/CXTickerPreference.vue
@@ -41,7 +41,7 @@
 		canAddTickerPreference,
 		deleteTickerPreference,
 		updateTickerPreference,
-	} = await useCXManagement();
+	} = useCXManagement();
 
 	const sortedCXOptions: ComputedRef<ICXDataTickerOption[]> = computed(() => {
 		return [...localCXOptions.value].sort((a, b) =>
diff --git a/src/features/exchanges/useManageCX.ts b/src/features/exchanges/useManageCX.ts
index 718da24b..96873026 100644
--- a/src/features/exchanges/useManageCX.ts
+++ b/src/features/exchanges/useManageCX.ts
@@ -15,7 +15,7 @@ import {
 } from "@/features/exchanges/manageCX.types";
 import { PSelectOption } from "@/ui/ui.types";
 
-export async function useCXManagement() {
+export function useCXManagement() {
 	const { t } = useI18n();
 	const { materialSelectOptions } = useMaterialData();
 
diff --git a/src/tests/features/exchanges/useManageCX.test.ts b/src/tests/features/exchanges/useManageCX.test.ts
index 8827e497..0712ee5e 100644
--- a/src/tests/features/exchanges/useManageCX.test.ts
+++ b/src/tests/features/exchanges/useManageCX.test.ts
@@ -25,7 +25,7 @@ describe("useCXManagement", async () => {
 		updateTickerPreference,
 		deleteExchangePreference,
 		deleteTickerPreference,
-	} = await useCXManagement();
+	} = useCXManagement();
 
 	describe("canAddExchangePreference", () => {
 		it("should allow adding when list is empty", () => {