diff --git a/STYLEGUIDE.md b/STYLEGUIDE.md
index 276ee2c9..cf799480 100644
--- a/STYLEGUIDE.md
+++ b/STYLEGUIDE.md
@@ -239,23 +239,28 @@ activist is a global platform and must function in countless different regions a
 >
 > - This is the source from which all the other languages are translated from
 > - Edits to the other files should be made on activist's [public localization project on Weblate](https://hosted.weblate.org/projects/activist/activist)
-> - Do not put the JSON dictionaries into different levels!
+> - Do not convert the JSON dictionaries into nested sub-objects!
 > - The purpose of the flat dictionaries is so that we can search for the key in the codebase and easily find its uses and where it's defined
 > - Do not include periods in aria-labels (screen reader user will configure their own preferences for a hard stop)
 
 Localization keys should be defined based on the file in which they're used within the platform and the content that they refer to (`CONTENT_REFERENCE` below). Please use the following rules as a guide if you find yourself needing to create new localization keys:
 
+- Please use the `i18nMap` object for all texts within the frontend
+  - This object returns the sequence of object methods as a string and allows ESLint to be used to check key accuracy
+  - Ex: Using the `i18nMap` object:
+    - ✅ `i18nMap._global.about`
+    - ❌ `"_global.about"`
 - Separate directories and references by `.` and PascalCase/camelCase file name components by `_` in keys
-  - Ex: `"components.search_bar.CONTENT_REFERENCE"` for the `SearchBar` component
+  - Ex: `i18nMap.components.search_bar.CONTENT_REFERENCE` for the `SearchBar` component
 - Even though Nuxt allows for us to nest components in directories, avoid repetition in the directory path used to define the localization key
   - Ex: If you're defining a key within `CardAbout`:
-    - ✅ `"components.card_about.CONTENT_REFERENCE"`
-    - ❌ `"components.card.card_about.CONTENT_REFERENCE"`
+    - ✅ `i18nMap.components.card_about.CONTENT_REFERENCE`
+    - ❌ `i18nMap.components.card.card_about.CONTENT_REFERENCE`
 - Define keys based on the lowest level file in which they're used
 - Use `_global` to indicate that a key is used in multiple places in a given directory
   - Ex: You're creating a key that's used by multiple cards:
-    - ✅ `"components.card._global.CONTENT_REFERENCE"`
-    - ❌ `"components.card.INDIVIDUAL_COMPONENT.CONTENT_REFERENCE"`
+    - ✅ `i18nMap.components.card._global.CONTENT_REFERENCE`
+    - ❌ `i18nMap.components.card.INDIVIDUAL_COMPONENT.CONTENT_REFERENCE`
 - Please end all aria-label keys with `_alt_text` so the localization team knows that they're for screen readers
 - If you need a capitalized and lower case version of a word, signify the lower case version with `_lower` at the end of the key
 - For pages with long texts please follow the below naming criteria:
@@ -274,7 +279,7 @@ Localization keys should be defined based on the file in which they're used with
   - This makes sure that content writers and the i18n team are only working with language that's actively in use
 
 > [!NOTE]
-> The activist community also maintains the [i18n-check project](https://github.com/activist-org/i18n-check-action?tab=readme-ov-file#contentions) that enforces all of the above in pull requests. Do your best and we'll help you out during the PR process! You can also join us in the [localization room on Matrix](https://matrix.to/#/!DzbdYyfhjinQBWXgQe:matrix.org?via=matrix.org) if you have questions :)
+> The activist community also maintains the [i18n-check project](https://github.com/activist-org/i18n-check) that enforces all of the above in pull requests. Do your best and we'll help you out during the PR process! You can also join us in the [localization room on Matrix](https://matrix.to/#/!DzbdYyfhjinQBWXgQe:matrix.org?via=matrix.org) if you have questions :)
 
 <a id="images-icons"></a>
 
diff --git a/frontend/components/EmptyState.vue b/frontend/components/EmptyState.vue
index a2515546..310566c4 100644
--- a/frontend/components/EmptyState.vue
+++ b/frontend/components/EmptyState.vue
@@ -8,36 +8,36 @@
       <div>
         <!-- Header -->
         <span v-if="pageType == 'organizations'" class="responsive-h2">{{
-          $t("components.empty_state.organizations_header")
+          $t(i18nMap.components.empty_state.organizations_header)
         }}</span>
         <span v-if="pageType == 'groups'" class="responsive-h2">{{
-          $t("components.empty_state.groups_header")
+          $t(i18nMap.components.empty_state.groups_header)
         }}</span>
         <span v-if="pageType == 'events'" class="responsive-h2">{{
-          $t("components.empty_state.events_header")
+          $t(i18nMap.components.empty_state.events_header)
         }}</span>
         <span v-if="pageType == 'resources'" class="responsive-h2">{{
-          $t("components.empty_state.resources_header")
+          $t(i18nMap.components.empty_state.resources_header)
         }}</span>
         <span v-if="pageType == 'faq'" class="responsive-h2">{{
-          $t("components.empty_state.faq_header")
+          $t(i18nMap.components.empty_state.faq_header)
         }}</span>
         <span v-if="pageType == 'team'" class="responsive-h2">{{
-          $t("components.empty_state.team_header")
+          $t(i18nMap.components.empty_state.team_header)
         }}</span>
         <span v-if="pageType == 'affiliates'" class="responsive-h2">{{
-          $t("components.empty_state.affiliates_header")
+          $t(i18nMap.components.empty_state.affiliates_header)
         }}</span>
         <span v-if="pageType == 'tasks'" class="responsive-h2">{{
-          $t("components.empty_state.tasks_header")
+          $t(i18nMap.components.empty_state.tasks_header)
         }}</span>
         <span v-if="pageType == 'discussions'" class="responsive-h2">{{
-          $t("components.empty_state.discussions_header")
+          $t(i18nMap.components.empty_state.discussions_header)
         }}</span>
         <!-- Message -->
         <div v-if="!permission" class="flex flex-col space-y-6 py-6">
           <span class="responsive-h4">{{
-            $t("components.empty_state.message_no_permission")
+            $t(i18nMap.components.empty_state.message_no_permission)
           }}</span>
           <PageCommunityFooter
             header="components.empty_state.cta_header_no_permission"
@@ -52,7 +52,7 @@
         </div>
         <div v-else class="flex flex-col space-y-6 py-6">
           <span class="responsive-h4">{{
-            $t("components.empty_state.message_with_permission")
+            $t(i18nMap.components.empty_state.message_with_permission)
           }}</span>
           <div
             class="mx-auto grid max-w-[70%] grid-cols-1 gap-y-4 pb-6 sm:mx-0 sm:max-w-[90%] sm:grid-cols-2 sm:grid-rows-1 sm:gap-x-4 sm:gap-y-0 md:max-w-[70%] md:gap-x-6 lg:max-w-[60%] xl:max-w-[50%] xl:gap-x-8 2xl:max-w-[80%]"
@@ -112,6 +112,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 defineProps<{
   pageType:
     | "organizations"
diff --git a/frontend/components/FriendlyCaptcha.vue b/frontend/components/FriendlyCaptcha.vue
index 516a0675..1cdf8c1b 100644
--- a/frontend/components/FriendlyCaptcha.vue
+++ b/frontend/components/FriendlyCaptcha.vue
@@ -15,12 +15,12 @@
       class="style-btn flex w-full cursor-not-allowed items-center space-x-4 rounded-md border-none p-1 px-3 text-lg shadow-none"
       :disabled="true"
       :aria-label="
-        $t('components.friendly_captcha.captcha_disabled_aria_label')
+        $t(i18nMap.components.friendly_captcha.captcha_disabled_aria_label)
       "
     >
       <Icon :name="IconMap.SHIELD" size="28px" />
       <p class="font-bold">
-        {{ $t("components.friendly_captcha.captcha_disabled") }}
+        {{ $t(i18nMap.components.friendly_captcha.captcha_disabled) }}
       </p>
     </button>
   </div>
@@ -28,6 +28,7 @@
 
 <script setup lang="ts">
 import VueFriendlyCaptcha from "@somushq/vue3-friendly-captcha";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const devMode = useDevMode();
diff --git a/frontend/components/Loading.vue b/frontend/components/Loading.vue
index bc6d5920..6d68a3db 100644
--- a/frontend/components/Loading.vue
+++ b/frontend/components/Loading.vue
@@ -11,13 +11,13 @@
         v-if="$colorMode.value == 'light'"
         class="h-40"
         :src="ACTIVIST_ICON_LIGHT_URL"
-        :alt="$t('_global.activist_icon_img_alt_text')"
+        :alt="$t(i18nMap._global.activist_icon_img_alt_text)"
       />
       <img
         v-else-if="$colorMode.value == 'dark'"
         class="h-40"
         :src="ACTIVIST_ICON_DARK_URL"
-        :alt="$t('_global.activist_icon_img_alt_text')"
+        :alt="$t(i18nMap._global.activist_icon_img_alt_text)"
       />
     </div>
   </div> -->
diff --git a/frontend/components/SearchBar.vue b/frontend/components/SearchBar.vue
index d6a44bd8..dfea5a8c 100644
--- a/frontend/components/SearchBar.vue
+++ b/frontend/components/SearchBar.vue
@@ -42,7 +42,7 @@
         >
           <TooltipBase
             class="invisible -mt-8"
-            :text="$t('components._global.slash_tooltip_label')"
+            :text="$t(i18nMap.components._global.slash_tooltip_label)"
           />
           <p class="-mt-[0.075rem]">/</p>
         </div>
@@ -52,7 +52,7 @@
         >
           <TooltipBase
             class="invisible -mt-8"
-            :text="$t('components._global.command_tooltip_label')"
+            :text="$t(i18nMap.components._global.command_tooltip_label)"
           />
           <p>⌘k</p>
         </div>
@@ -62,7 +62,7 @@
         >
           <TooltipBase
             class="invisible -mt-8"
-            :text="$t('components._global.control_tooltip_label')"
+            :text="$t(i18nMap.components._global.control_tooltip_label)"
           />
           <p>⌃k</p>
         </div>
diff --git a/frontend/components/btn/BtnRoadMap.vue b/frontend/components/btn/BtnRoadMap.vue
index 51edd73d..9a71026a 100644
--- a/frontend/components/btn/BtnRoadMap.vue
+++ b/frontend/components/btn/BtnRoadMap.vue
@@ -4,8 +4,12 @@
     id="btn-roadmap"
     class="style-btn select-none items-center rounded-md px-3 py-[0.35rem] text-base font-semibold"
     to="https://docs.activist.org/activist/product/about/roadmap"
-    :aria-label="$t('components.btn_road_map.aria_label')"
+    :aria-label="$t(i18nMap.components.btn_road_map.aria_label)"
   >
-    {{ $t("components._global.roadmap") }}
+    {{ $t(i18nMap.components._global.roadmap) }}
   </NuxtLink>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/btn/BtnShareIcon.vue b/frontend/components/btn/BtnShareIcon.vue
index 26d58ab9..d53a473a 100644
--- a/frontend/components/btn/BtnShareIcon.vue
+++ b/frontend/components/btn/BtnShareIcon.vue
@@ -40,7 +40,7 @@
       v-if="contentCopied"
       class="text-accepted-green hover:text-accepted-green dark:text-accepted-green dark:hover:text-accepted-green"
       :iconName="IconMap.SQUARE_CHECK"
-      :text="$t('components.btn_share_icon.url_copied')"
+      :text="$t(i18nMap.components.btn_share_icon.url_copied)"
       :iconSize="iconSize"
     />
   </div>
@@ -59,6 +59,7 @@ import { ref, type Component } from "vue";
 import { IconMap } from "~/types/icon-map";
 import { toast } from "vue-sonner";
 import { useI18n } from "vue-i18n";
+import { i18nMap } from "~/types/i18n-map";
 
 const vueSocials: { [key: string]: Component } = {
   SEmail,
diff --git a/frontend/components/card/CardConnect.vue b/frontend/components/card/CardConnect.vue
index ab47958f..144eef77 100644
--- a/frontend/components/card/CardConnect.vue
+++ b/frontend/components/card/CardConnect.vue
@@ -3,7 +3,7 @@
   <div class="card-style px-5 py-5">
     <div class="flex items-center gap-5">
       <h3 class="responsive-h3 text-left font-display">
-        {{ $t("components._global.connect") }}
+        {{ $t(i18nMap.components._global.connect) }}
       </h3>
       <div
         class="cursor-pointer break-all rounded-lg p-1 text-primary-text transition-all hover:text-distinct-text"
@@ -83,22 +83,29 @@
               <PopupNewField
                 @on-cta-clicked="emit('on-new-account')"
                 @on-close-clicked="onClose(close)"
-                :title="$t('components.card_connect.app_account_popup_title')"
+                :title="
+                  $t(i18nMap.components.card_connect.app_account_popup_title)
+                "
                 :fieldNamePrompt="
                   $t(
-                    'components.card_connect.app_account_popup_field_name_prompt'
+                    i18nMap.components.card_connect
+                      .app_account_popup_field_name_prompt
                   )
                 "
                 :fieldLabelPrompt="
                   $t(
-                    'components.card_connect.app_account_popup_field_label_prompt'
+                    i18nMap.components.card_connect
+                      .app_account_popup_field_label_prompt
                   )
                 "
                 :ctaBtnLabel="
-                  $t('components.card_connect.app_account_popup_cta_btn_label')
+                  $t(
+                    i18nMap.components.card_connect
+                      .app_account_popup_cta_btn_label
+                  )
                 "
                 :ctaBtnAriaLabel="
-                  $t('components.card_connect.new_account_aria_label')
+                  $t(i18nMap.components.card_connect.new_account_aria_label)
                 "
               />
             </PopoverPanel>
@@ -114,6 +121,7 @@ import { Popover, PopoverButton, PopoverPanel } from "@headlessui/vue";
 import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps<{
diff --git a/frontend/components/card/CardDangerZone.vue b/frontend/components/card/CardDangerZone.vue
index 0ac64cfe..890080ed 100644
--- a/frontend/components/card/CardDangerZone.vue
+++ b/frontend/components/card/CardDangerZone.vue
@@ -5,7 +5,7 @@
   >
     <div class="flex flex-col gap-5">
       <h3 class="responsive-h3 text-left font-display font-bold">
-        {{ $t("components.card_danger_zone.header") }}
+        {{ $t(i18nMap.components.card_danger_zone.header) }}
       </h3>
       <p>{{ description }}</p>
       <form method="post">
@@ -17,10 +17,10 @@
               class="responsive-h4 font-bold text-primary-text"
               for="username"
               :placeholder="
-                $t('components.card_danger_zone.username_placeholder')
+                $t(i18nMap.components.card_danger_zone.username_placeholder)
               "
             >
-              {{ $t("components.card_danger_zone.username_label") }} *
+              {{ $t(i18nMap.components.card_danger_zone.username_label) }} *
             </label>
             <input
               id="username"
@@ -31,9 +31,9 @@
             <label
               class="responsive-h4 font-bold text-primary-text"
               for="password"
-              :placeholder="$t('_global.enter_password')"
+              :placeholder="$t(i18nMap._global.enter_password)"
             >
-              {{ $t("components.card_danger_zone.password_label") }} *
+              {{ $t(i18nMap.components.card_danger_zone.password_label) }} *
             </label>
             <input
               id="password"
@@ -57,6 +57,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 defineProps<{
   description: string;
   ctaBtnText: string;
diff --git a/frontend/components/card/CardDatePicker.vue b/frontend/components/card/CardDatePicker.vue
index 4ea49379..885bd394 100644
--- a/frontend/components/card/CardDatePicker.vue
+++ b/frontend/components/card/CardDatePicker.vue
@@ -2,19 +2,19 @@
 <template>
   <form class="card-style flex w-full flex-col space-y-3 px-5 py-4">
     <h1 class="text-2xl">
-      <strong>{{ $t("components.card_date_picker.date") }} *</strong>
+      <strong>{{ $t(i18nMap.components.card_date_picker.date) }} *</strong>
     </h1>
     <div class="flex grow">
       <div class="flex w-[50%] flex-row space-x-2">
         <FormCheckbox />
         <label for="All Day">{{
-          $t("components.card_date_picker.all_day")
+          $t(i18nMap.components.card_date_picker.all_day)
         }}</label>
       </div>
       <div class="flex w-[50%] flex-row space-x-2 pl-1">
         <FormCheckbox />
         <label for="Multiple Days">{{
-          $t("components.card_date_picker.multiple_days")
+          $t(i18nMap.components.card_date_picker.multiple_days)
         }}</label>
       </div>
     </div>
@@ -50,6 +50,7 @@
 <script setup lang="ts">
 import { DatePicker } from "v-calendar";
 import "v-calendar/style.css";
+import { i18nMap } from "~/types/i18n-map";
 
 const date1 = "2021-02-28T18:20:00.000Z";
 const date2 = "2021-02-28T18:20:00.000Z";
diff --git a/frontend/components/card/CardDetails.vue b/frontend/components/card/CardDetails.vue
index 8643897a..2fa6968e 100644
--- a/frontend/components/card/CardDetails.vue
+++ b/frontend/components/card/CardDetails.vue
@@ -6,7 +6,7 @@
       <div class="flex-col space-y-3">
         <div class="flex items-center gap-5">
           <h3 class="responsive-h3 text-left font-display">
-            {{ $t("components.card_details.header") }}
+            {{ $t(i18nMap.components.card_details.header) }}
           </h3>
           <IconEdit
             @click="openModalEditTextEvent()"
@@ -38,7 +38,7 @@
           </div>
           <!-- <MetaTagAttendance
             :numAttending="event.attendees ? event.attendees.length : 0"
-            :label="$t('components.card_details.attending')"
+            :label="$t(i18nMap.components.card_details.attending)"
           /> -->
           <MetaTagLocation
             v-if="event.offlineLocation"
@@ -53,6 +53,7 @@
 
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
+import { i18nMap } from "~/types/i18n-map";
 
 const { openModal: openModalEditTextEvent } =
   useModalHandlers("ModalEditTextEvent");
diff --git a/frontend/components/card/CardDonate.vue b/frontend/components/card/CardDonate.vue
index d054e370..1ed1f5b9 100644
--- a/frontend/components/card/CardDonate.vue
+++ b/frontend/components/card/CardDonate.vue
@@ -3,7 +3,7 @@
   <div class="card-style flex flex-col space-y-3 px-5 py-5">
     <div class="flex items-center gap-5">
       <h3 class="responsive-h3 text-left font-display">
-        {{ $t("components.card_donate.donate") }}
+        {{ $t(i18nMap.components.card_donate.donate) }}
       </h3>
       <div
         class="cursor-pointer break-all rounded-lg p-1 text-primary-text transition-all hover:text-distinct-text"
@@ -24,7 +24,7 @@
     </div>
     <p v-if="donationPrompt">{{ donationPrompt }}</p>
     <p v-else>
-      {{ $t("components.card_donate.template_text") }}
+      {{ $t(i18nMap.components.card_donate.template_text) }}
     </p>
     <BtnRouteExternal
       class="flex"
@@ -40,6 +40,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/card/CardFAQEntry.vue b/frontend/components/card/CardFAQEntry.vue
index e15576d1..789fcbc9 100644
--- a/frontend/components/card/CardFAQEntry.vue
+++ b/frontend/components/card/CardFAQEntry.vue
@@ -18,8 +18,8 @@
               @closeModal="handleCloseModal"
               :faqEntry="faqEntry"
               :sectionsToEdit="[
-                $t('components.card_faq_entry.question'),
-                $t('components.card_faq_entry.answer'),
+                $t(i18nMap.components.card_faq_entry.question),
+                $t(i18nMap.components.card_faq_entry.answer),
               ]"
               :textsToEdit="[faqEntry.question, faqEntry.answer]"
               :isOpen="modalIsOpen"
@@ -41,6 +41,7 @@
 <script setup lang="ts">
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
 import type { FaqEntry } from "~/types/content/faq-entry";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/card/CardLegalDisclaimer.vue b/frontend/components/card/CardLegalDisclaimer.vue
index 9e4685bf..02364f5e 100644
--- a/frontend/components/card/CardLegalDisclaimer.vue
+++ b/frontend/components/card/CardLegalDisclaimer.vue
@@ -8,7 +8,7 @@
     <DisclosureButton class="focus-brand rounded-md px-4 py-2">
       <div class="flex select-none items-center gap-3 text-primary-text">
         <Icon :name="IconMap.LEGAL" class="fill-primary-text" />
-        <p>{{ $t("components.card_legal_disclaimer.header") }}</p>
+        <p>{{ $t(i18nMap.components.card_legal_disclaimer.header) }}</p>
         <Icon v-if="open" :name="IconMap.CHEVRON_UP" />
         <Icon v-else :name="IconMap.CHEVRON_DOWN" />
       </div>
@@ -25,6 +25,7 @@
 
 <script setup lang="ts">
 import { Disclosure, DisclosureButton, DisclosurePanel } from "@headlessui/vue";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/card/CardMetricsOverview.vue b/frontend/components/card/CardMetricsOverview.vue
index 5a196915..daac4df7 100644
--- a/frontend/components/card/CardMetricsOverview.vue
+++ b/frontend/components/card/CardMetricsOverview.vue
@@ -3,34 +3,34 @@
   <div class="card-style flex flex-col space-y-3 px-5 py-4">
     <div class="flex w-full items-center">
       <h3 class="responsive-h3 grow text-left font-display">
-        {{ $t("components.card_metrics_overview.header") }}
+        {{ $t(i18nMap.components.card_metrics_overview.header) }}
       </h3>
       <DropdownDateFilter />
     </div>
     <div class="grid h-full grid-cols-2 gap-3 lg:grid-cols-4 lg:gap-4">
       <CardMetric
-        :text="$t('_global.events')"
+        :text="$t(i18nMap._global.events)"
         :number="metrics['total events']"
         textColor="text-primary-text"
         borderColor="border-primary-text"
         backgroundColor="bg-layer-1 hover:bg-highlight active:bg-layer-1 active:dark:bg-layer-1"
       />
       <CardMetric
-        :text="$t('components.card_metrics_overview.action')"
+        :text="$t(i18nMap.components.card_metrics_overview.action)"
         :number="metrics['action events']"
         textColor="text-primary-text dark:text-action-red"
         borderColor="border-primary-text dark:border-action-red"
         backgroundColor="bg-action-red/60 dark:bg-action-red/20 hover:bg-action-red/50 hover:dark:bg-action-red/30 active:bg-action-red/60 active:dark:bg-action-red/20"
       />
       <CardMetric
-        :text="$t('components.card_metrics_overview.learn')"
+        :text="$t(i18nMap.components.card_metrics_overview.learn)"
         :number="metrics['learn events']"
         textColor="text-primary-text dark:text-learn-blue"
         borderColor="border-primary-text dark:border-learn-blue"
         backgroundColor="bg-learn-blue/60 dark:bg-learn-blue/20 hover:bg-learn-blue/50 hover:dark:bg-learn-blue/30 active:bg-learn-blue/60 active:dark:bg-learn-blue/20"
       />
       <CardMetric
-        :text="$t('components.card_metrics_overview.new_organizations')"
+        :text="$t(i18nMap.components.card_metrics_overview.new_organizations)"
         :number="metrics['new orgs']"
         textColor="text-primary-text dark:text-accepted-green"
         borderColor="border-primary-text dark:border-accepted-green"
@@ -41,6 +41,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 interface Metrics {
   [key: string]: number;
 }
diff --git a/frontend/components/card/CardOrgApplicationVote.vue b/frontend/components/card/CardOrgApplicationVote.vue
index 2e314c50..c51fc680 100644
--- a/frontend/components/card/CardOrgApplicationVote.vue
+++ b/frontend/components/card/CardOrgApplicationVote.vue
@@ -17,7 +17,7 @@
             :src="organization.iconUrl"
             class="h-full w-12"
             :alt="
-              $t('_global.entity_logo', {
+              $t(i18nMap._global.entity_logo, {
                 entity_name: organization.name,
               })
             "
@@ -54,6 +54,7 @@
 
 <script setup lang="ts">
 import type { Organization } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 /**
diff --git a/frontend/components/card/CardTopicSelection.vue b/frontend/components/card/CardTopicSelection.vue
index 6631d9f0..0455a4db 100644
--- a/frontend/components/card/CardTopicSelection.vue
+++ b/frontend/components/card/CardTopicSelection.vue
@@ -2,16 +2,16 @@
 <template v-model="value">
   <div class="card-style w-full flex-col space-y-3 px-5 py-6">
     <p class="responsive-h3 font-medium text-primary-text">
-      {{ $t("components.card_topic_selection.header") }}
+      {{ $t(i18nMap.components.card_topic_selection.header) }}
     </p>
     <p v-if="pageType == 'organization'" class="text-primary-text">
-      {{ $t("components.card_topic_selection.subtext_organization") }}
+      {{ $t(i18nMap.components.card_topic_selection.subtext_organization) }}
     </p>
     <p v-if="pageType == 'group'" class="text-primary-text">
-      {{ $t("components.card_topic_selection.subtext_group") }}
+      {{ $t(i18nMap.components.card_topic_selection.subtext_group) }}
     </p>
     <p v-if="pageType == 'resource'" class="text-primary-text">
-      {{ $t("components.card_topic_selection.subtext_resource") }}
+      {{ $t(i18nMap.components.card_topic_selection.subtext_resource) }}
     </p>
     <input
       v-model="query"
@@ -19,7 +19,9 @@
       @keydown="resetTabIndex()"
       id="query"
       :display-value="() => query"
-      :placeholder="$t('components.card_topic_selection.selector_placeholder')"
+      :placeholder="
+        $t(i18nMap.components.card_topic_selection.selector_placeholder)
+      "
       class="topicInput elem-shadow-sm focus-brand w-full rounded-md bg-layer-0 py-2 pl-4 text-distinct-text"
     />
     <ul class="hidden gap-2 sm:flex sm:flex-wrap">
@@ -77,16 +79,17 @@
       class="link-text cursor-pointer sm:hidden"
     >
       <div v-if="!moreOptionsShown && !inputFocus">
-        {{ $t("components.card_topic_selection.view_all_topics") }}
+        {{ $t(i18nMap.components.card_topic_selection.view_all_topics) }}
       </div>
       <div v-else>
-        {{ $t("components.card_topic_selection.hide_all_topics") }}
+        {{ $t(i18nMap.components.card_topic_selection.hide_all_topics) }}
       </div>
     </button>
   </div>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import type { Topic, TopicsTag } from "~/types/topics";
 import { GLOBAL_TOPICS } from "~/types/topics";
 
diff --git a/frontend/components/card/about/CardAboutEvent.vue b/frontend/components/card/about/CardAboutEvent.vue
index 28dd3d86..03b8f02a 100644
--- a/frontend/components/card/about/CardAboutEvent.vue
+++ b/frontend/components/card/about/CardAboutEvent.vue
@@ -4,7 +4,7 @@
     <div class="flex-col space-y-3">
       <div class="flex items-center gap-5">
         <h3 class="responsive-h3 text-left font-display">
-          {{ $t("_global.about") }}
+          {{ $t(i18nMap._global.about) }}
         </h3>
         <IconEdit
           @click="openModalEditTextEvent()"
@@ -33,10 +33,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.full_text_aria_label')
+                $t(i18nMap.components.card.about._global.full_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.full_text") }}
+              {{ $t(i18nMap.components.card.about._global.full_text) }}
             </button>
             <button
               v-else-if="descriptionExpandable"
@@ -46,10 +46,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.reduce_text_aria_label')
+                $t(i18nMap.components.card.about._global.reduce_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.reduce_text") }}
+              {{ $t(i18nMap.components.card.about._global.reduce_text) }}
             </button>
           </div>
         </div>
@@ -60,6 +60,7 @@
 
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
+import { i18nMap } from "~/types/i18n-map";
 
 const { openModal: openModalEditTextEvent } =
   useModalHandlers("ModalEditTextEvent");
diff --git a/frontend/components/card/about/CardAboutGroup.vue b/frontend/components/card/about/CardAboutGroup.vue
index 1587a2a5..bbc75c57 100644
--- a/frontend/components/card/about/CardAboutGroup.vue
+++ b/frontend/components/card/about/CardAboutGroup.vue
@@ -15,7 +15,7 @@
     <div class="flex-col space-y-3">
       <div class="flex items-center gap-5">
         <h3 class="responsive-h3 text-left font-display">
-          {{ $t("_global.about") }}
+          {{ $t(i18nMap._global.about) }}
         </h3>
         <IconEdit
           @click="openModalEditTextGroup()"
@@ -32,7 +32,7 @@
           />
           <!-- <MetaTagMembers
               :members="group.members.length"
-              :label="$t('components.card.about._global.members_lower')"
+              :label="$t(i18nMap.components.card.about._global.members_lower)"
             /> -->
         </div>
         <div>
@@ -53,10 +53,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.full_text_aria_label')
+                $t(i18nMap.components.card.about._global.full_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.full_text") }}
+              {{ $t(i18nMap.components.card.about._global.full_text) }}
             </button>
             <button
               v-else-if="descriptionExpandable"
@@ -66,10 +66,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.reduce_text_aria_label')
+                $t(i18nMap.components.card.about._global.reduce_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.reduce_text") }}
+              {{ $t(i18nMap.components.card.about._global.reduce_text) }}
             </button>
           </div>
         </div>
@@ -80,6 +80,7 @@
 
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { openModal: openModalEditTextGroup } =
diff --git a/frontend/components/card/about/CardAboutOrganization.vue b/frontend/components/card/about/CardAboutOrganization.vue
index b3bbc22e..2997a097 100644
--- a/frontend/components/card/about/CardAboutOrganization.vue
+++ b/frontend/components/card/about/CardAboutOrganization.vue
@@ -19,7 +19,7 @@
     <div class="flex-col space-y-3">
       <div class="flex items-center gap-5">
         <h3 class="responsive-h3 text-left font-display">
-          {{ $t("_global.about") }}
+          {{ $t(i18nMap._global.about) }}
         </h3>
         <IconEdit
           v-if="userIsSignedIn"
@@ -38,7 +38,7 @@
           />
           <!-- <MetaTagMembers
               :members="organization.members.length"
-              :label="$t('components.card.about._global.members_lower')"
+              :label="$t(i18nMap.components.card.about._global.members_lower)"
             /> -->
         </div>
         <div>
@@ -59,10 +59,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.full_text_aria_label')
+                $t(i18nMap.components.card.about._global.full_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.full_text") }}
+              {{ $t(i18nMap.components.card.about._global.full_text) }}
             </button>
             <button
               v-else-if="descriptionExpandable"
@@ -72,10 +72,10 @@
               "
               class="focus-brand mt-1 font-semibold text-link-text"
               :aria-label="
-                $t('components.card.about._global.reduce_text_aria_label')
+                $t(i18nMap.components.card.about._global.reduce_text_aria_label)
               "
             >
-              {{ $t("components.card.about._global.reduce_text") }}
+              {{ $t(i18nMap.components.card.about._global.reduce_text) }}
             </button>
           </div>
         </div>
@@ -86,6 +86,7 @@
 
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { openModal: openModalEditTextOrganization } = useModalHandlers(
diff --git a/frontend/components/card/change-account-info/CardChangeAccountInfoEmail.vue b/frontend/components/card/change-account-info/CardChangeAccountInfoEmail.vue
index 974f15f1..1cef3d27 100644
--- a/frontend/components/card/change-account-info/CardChangeAccountInfoEmail.vue
+++ b/frontend/components/card/change-account-info/CardChangeAccountInfoEmail.vue
@@ -1,22 +1,22 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
 <template>
   <CardChangeAccountInfo
-    :ctaLabel="$t('components.card_change_account_info_email.header_cta')"
+    :ctaLabel="$t(i18nMap.components.card_change_account_info_email.header_cta)"
     :ctaAriaLabel="
-      $t('components.card_change_account_info_email.cta_aria_label')
+      $t(i18nMap.components.card_change_account_info_email.cta_aria_label)
     "
   >
     <div class="space-y-4 pb-1">
       <div class="flex items-center space-x-4">
         <h3 class="responsive-h3 font-bold">
-          {{ $t("components.card_change_account_info_email.header_cta") }}
+          {{ $t(i18nMap.components.card_change_account_info_email.header_cta) }}
         </h3>
       </div>
       <div class="flex flex-col gap-4 lg:flex-row lg:gap-8">
         <div class="flex w-full flex-col lg:w-1/3">
           <label for="old-email" class="responsive-h4 font-bold"
             >{{
-              $t("components.card_change_account_info_email.old_email")
+              $t(i18nMap.components.card_change_account_info_email.old_email)
             }}
             *</label
           >
@@ -24,14 +24,17 @@
             id="old-email"
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
-              $t('components.card_change_account_info_email.enter_old_email')
+              $t(
+                i18nMap.components.card_change_account_info_email
+                  .enter_old_email
+              )
             "
           />
         </div>
         <div class="flex w-full flex-col lg:w-1/3">
           <label for="new-email" class="responsive-h4 font-bold"
             >{{
-              $t("components.card_change_account_info_email.new_email")
+              $t(i18nMap.components.card_change_account_info_email.new_email)
             }}
             *</label
           >
@@ -39,21 +42,28 @@
             id="new-email"
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
-              $t('components.card_change_account_info_email.enter_new_email')
+              $t(
+                i18nMap.components.card_change_account_info_email
+                  .enter_new_email
+              )
             "
           />
         </div>
         <div class="flex w-full flex-col lg:w-1/3">
           <label for="password" class="responsive-h4 font-bold"
-            >{{ $t("_global.enter_password") }} *</label
+            >{{ $t(i18nMap._global.enter_password) }} *</label
           >
           <input
             id="password"
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
-            :placeholder="$t('_global.enter_password')"
+            :placeholder="$t(i18nMap._global.enter_password)"
           />
         </div>
       </div>
     </div>
   </CardChangeAccountInfo>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/card/change-account-info/CardChangeAccountInfoPassword.vue b/frontend/components/card/change-account-info/CardChangeAccountInfoPassword.vue
index 07715c45..d3671894 100644
--- a/frontend/components/card/change-account-info/CardChangeAccountInfoPassword.vue
+++ b/frontend/components/card/change-account-info/CardChangeAccountInfoPassword.vue
@@ -1,15 +1,19 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
 <template>
   <CardChangeAccountInfo
-    :ctaLabel="$t('components.card_change_account_info_password.header_cta')"
+    :ctaLabel="
+      $t(i18nMap.components.card_change_account_info_password.header_cta)
+    "
     :ctaAriaLabel="
-      $t('components.card_change_account_info_password.cta_aria_label')
+      $t(i18nMap.components.card_change_account_info_password.cta_aria_label)
     "
   >
     <div class="space-y-4 pb-1 lg:grow">
       <div class="flex items-center space-x-4">
         <h3 class="responsive-h3 font-bold">
-          {{ $t("components.card_change_account_info_password.header_cta") }}
+          {{
+            $t(i18nMap.components.card_change_account_info_password.header_cta)
+          }}
         </h3>
       </div>
       <div class="flex flex-col gap-4 lg:flex-row lg:gap-8">
@@ -17,7 +21,8 @@
           <label for="current-password" class="responsive-h4 pb-2 font-bold"
             >{{
               $t(
-                "components.card_change_account_info_password.current_password"
+                i18nMap.components.card_change_account_info_password
+                  .current_password
               )
             }}
             *</label
@@ -27,7 +32,8 @@
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
               $t(
-                'components.card_change_account_info_password.enter_current_password'
+                i18nMap.components.card_change_account_info_password
+                  .enter_current_password
               )
             "
           />
@@ -35,7 +41,10 @@
         <div class="flex w-full flex-col lg:w-1/3">
           <label for="new-password" class="responsive-h4 pb-2 font-bold"
             >{{
-              $t("components.card_change_account_info_password.new_password")
+              $t(
+                i18nMap.components.card_change_account_info_password
+                  .new_password
+              )
             }}
             *</label
           >
@@ -44,21 +53,23 @@
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
               $t(
-                'components.card_change_account_info_password.enter_new_password'
+                i18nMap.components.card_change_account_info_password
+                  .enter_new_password
               )
             "
           />
         </div>
         <div class="flex w-full flex-col lg:w-1/3">
           <label for="repeat-password" class="responsive-h4 pb-2 font-bold"
-            >{{ $t("_global.repeat_password") }} *</label
+            >{{ $t(i18nMap._global.repeat_password) }} *</label
           >
           <input
             id="confirm-password"
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
               $t(
-                'components.card_change_account_info_password.enter_repeat_password'
+                i18nMap.components.card_change_account_info_password
+                  .enter_repeat_password
               )
             "
           />
@@ -67,3 +78,7 @@
     </div>
   </CardChangeAccountInfo>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/card/change-account-info/CardChangeAccountInfoUsername.vue b/frontend/components/card/change-account-info/CardChangeAccountInfoUsername.vue
index 5a03b2b4..b0fec342 100644
--- a/frontend/components/card/change-account-info/CardChangeAccountInfoUsername.vue
+++ b/frontend/components/card/change-account-info/CardChangeAccountInfoUsername.vue
@@ -1,22 +1,29 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
 <template>
   <CardChangeAccountInfo
-    :ctaLabel="$t('components.card_change_account_info_username.header_cta')"
+    :ctaLabel="
+      $t(i18nMap.components.card_change_account_info_username.header_cta)
+    "
     :ctaAriaLabel="
-      $t('components.card_change_account_info_username.cta_aria_label')
+      $t(i18nMap.components.card_change_account_info_username.cta_aria_label)
     "
   >
     <div class="space-y-4 pb-1">
       <div class="flex items-center space-x-4">
         <h3 class="responsive-h3 font-bold">
-          {{ $t("components.card_change_account_info_username.header_cta") }}
+          {{
+            $t(i18nMap.components.card_change_account_info_username.header_cta)
+          }}
         </h3>
       </div>
       <div class="flex flex-col gap-4 lg:flex-row lg:gap-8">
         <div class="flex w-full flex-col lg:w-1/2">
           <label for="new-username" class="responsive-h4 font-bold"
             >{{
-              $t("components.card_change_account_info_username.new_username")
+              $t(
+                i18nMap.components.card_change_account_info_username
+                  .new_username
+              )
             }}
             *</label
           >
@@ -25,22 +32,27 @@
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
             :placeholder="
               $t(
-                'components.card_change_account_info_username.enter_new_username'
+                i18nMap.components.card_change_account_info_username
+                  .enter_new_username
               )
             "
           />
         </div>
         <div class="flex w-full flex-col lg:w-1/2">
           <label for="password" class="responsive-h4 font-bold"
-            >{{ $t("_global.enter_password") }} *</label
+            >{{ $t(i18nMap._global.enter_password) }} *</label
           >
           <input
             id="password"
             class="peer rounded-sm border border-primary-text bg-transparent px-3 py-1"
-            :placeholder="$t('_global.enter_password')"
+            :placeholder="$t(i18nMap._global.enter_password)"
           />
         </div>
       </div>
     </div>
   </CardChangeAccountInfo>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/card/discussion/CardDiscussionEntry.vue b/frontend/components/card/discussion/CardDiscussionEntry.vue
index fc6348aa..a2e420b6 100644
--- a/frontend/components/card/discussion/CardDiscussionEntry.vue
+++ b/frontend/components/card/discussion/CardDiscussionEntry.vue
@@ -10,7 +10,7 @@
         <h1 class="responsive-h5 pl-2 font-bold">
           {{ discussionEntry.author }}
         </h1>
-        <p>{{ $t("components.card_discussion_entry.on") }}</p>
+        <p>{{ $t(i18nMap.components.card_discussion_entry.on) }}</p>
         <p>
           {{ discussionEntry.date.toLocaleDateString() }}
         </p>
@@ -31,6 +31,7 @@
 
 <script setup lang="ts">
 import type { DiscussionEntry } from "~/types/content/discussion";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/card/discussion/CardDiscussionInput.vue b/frontend/components/card/discussion/CardDiscussionInput.vue
index f0c4ec25..85c71086 100644
--- a/frontend/components/card/discussion/CardDiscussionInput.vue
+++ b/frontend/components/card/discussion/CardDiscussionInput.vue
@@ -8,7 +8,7 @@
             <BtnAction
               class="w-small mt-1 flex"
               :cta="true"
-              :label="$t('components.card_discussion_input.write')"
+              :label="$t(i18nMap.components.card_discussion_input.write)"
               fontSize="sm"
               ariaLabel="components.card_discussion_input.write_aria_label"
             />
@@ -17,7 +17,7 @@
             <BtnAction
               class="w-small mt-1 flex"
               :cta="false"
-              :label="$t('components.card_discussion_input.preview')"
+              :label="$t(i18nMap.components.card_discussion_input.preview)"
               fontSize="sm"
               ariaLabel="components.card_discussion_input.preview_aria_label"
             />
@@ -88,7 +88,7 @@
           rows="4"
           class="focus-brand block w-full rounded-lg border border-action-red bg-layer-0 p-2.5 text-sm placeholder-action-red focus:border-none dark:border-action-red dark:text-primary-text dark:placeholder-action-red"
           :placeholder="
-            $t('components.card_discussion_input.leave_comment_high_risk')
+            $t(i18nMap.components.card_discussion_input.leave_comment_high_risk)
           "
         ></textarea>
       </div>
@@ -97,12 +97,14 @@
           id="message"
           rows="4"
           class="focus-brand block w-full rounded-lg border border-section-div bg-layer-0 p-2.5 text-sm text-primary-text placeholder-distinct-text"
-          :placeholder="$t('components.card_discussion_input.leave_comment')"
+          :placeholder="
+            $t(i18nMap.components.card_discussion_input.leave_comment)
+          "
         ></textarea>
       </div>
       <div class="flex items-center justify-between px-1">
         <p class="inline-flex items-center">
-          {{ $t("components.card_discussion_input.markdown_support") }}
+          {{ $t(i18nMap.components.card_discussion_input.markdown_support) }}
           <Icon class="mx-1" :name="IconMap.MARKDOWN" size="1.25em"></Icon>
         </p>
         <div class="flex items-center space-x-3">
@@ -132,7 +134,7 @@
           <BtnAction
             class="w-small inline-flex items-center justify-center"
             :cta="true"
-            :label="$t('components.card_discussion_input.comment')"
+            :label="$t(i18nMap.components.card_discussion_input.comment)"
             fontSize="sm"
             ariaLabel="components.card_discussion_input.comment_aria_label"
           />
@@ -144,6 +146,7 @@
 
 <script setup lang="ts">
 import type { DiscussionInput } from "~/types/content/discussion";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const showTooltip = ref(false);
diff --git a/frontend/components/card/get-involved/CardGetInvolvedEvent.vue b/frontend/components/card/get-involved/CardGetInvolvedEvent.vue
index 1ee5d91b..4a5761bb 100644
--- a/frontend/components/card/get-involved/CardGetInvolvedEvent.vue
+++ b/frontend/components/card/get-involved/CardGetInvolvedEvent.vue
@@ -3,7 +3,7 @@
   <CardGetInvolved>
     <div class="flex items-center gap-5">
       <h3 class="responsive-h3 text-left font-display">
-        {{ $t("components._global.participate") }}
+        {{ $t(i18nMap.components._global.participate) }}
       </h3>
       <IconEdit @click="openModal()" @keydown.enter="openModal()" />
       <ModalEditTextEvent
@@ -11,9 +11,9 @@
         @closeModal="handleCloseModal"
         :event="event"
         :sectionsToEdit="[
-          $t('_global.about'),
-          $t('components._global.participate'),
-          $t('components._global.offer_to_help_link'),
+          $t(i18nMap._global.about),
+          $t(i18nMap.components._global.participate),
+          $t(i18nMap.components._global.offer_to_help_link),
         ]"
         :isOpen="modalIsOpen"
       />
@@ -22,9 +22,9 @@
       <p v-if="event.texts.getInvolved">
         {{ event.texts.getInvolved }}
       </p>
-      <p v-else>{{ $t("components._global.participate_subtext") }}</p>
+      <p v-else>{{ $t(i18nMap.components._global.participate_subtext) }}</p>
       <!-- <p>
-        {{ $t("components.card_get_involved_event.legal_disclaimer_subtext") }}
+        {{ $t(i18nMap.components.card_get_involved_event.legal_disclaimer_subtext) }}
       </p>
       <CardLegalDisclaimer v-if="disclaimer" :disclaimer="disclaimer" /> -->
       <div class="flex w-max pt-2">
@@ -47,6 +47,7 @@
 import type { Event } from "~/types/events/event";
 import { IconMap } from "~/types/icon-map";
 import CardGetInvolved from "./CardGetInvolved.vue";
+import { i18nMap } from "~/types/i18n-map";
 
 defineProps<{
   event: Event;
diff --git a/frontend/components/card/get-involved/CardGetInvolvedGroup.vue b/frontend/components/card/get-involved/CardGetInvolvedGroup.vue
index 384c2775..0a91b289 100644
--- a/frontend/components/card/get-involved/CardGetInvolvedGroup.vue
+++ b/frontend/components/card/get-involved/CardGetInvolvedGroup.vue
@@ -3,7 +3,7 @@
   <CardGetInvolved>
     <div class="flex items-center gap-5">
       <h3 class="responsive-h3 text-left font-display">
-        {{ $t("components._global.get_involved") }}
+        {{ $t(i18nMap.components._global.get_involved) }}
       </h3>
       <IconEdit @click="openModal()" @keydown.enter="openModal()" />
       <ModalEditTextGroup
@@ -12,9 +12,9 @@
         :group="group"
         :name="group.name"
         :sectionsToEdit="[
-          $t('_global.about'),
-          $t('components._global.get_involved'),
-          $t('components._global.join_group_link'),
+          $t(i18nMap._global.about),
+          $t(i18nMap.components._global.get_involved),
+          $t(i18nMap.components._global.join_group_link),
         ]"
         :isOpen="modalIsOpen"
       />
@@ -34,7 +34,7 @@
     <div class="space-y-3 pt-3">
       <p>
         {{
-          $t("components._global.join_group_subtext", {
+          $t(i18nMap.components._global.join_group_subtext, {
             org_name: group.name,
           })
         }}.
@@ -45,6 +45,7 @@
 
 <script setup lang="ts">
 import type { Group } from "~/types/communities/group";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/card/get-involved/CardGetInvolvedOrganization.vue b/frontend/components/card/get-involved/CardGetInvolvedOrganization.vue
index bce062d0..e7046f63 100644
--- a/frontend/components/card/get-involved/CardGetInvolvedOrganization.vue
+++ b/frontend/components/card/get-involved/CardGetInvolvedOrganization.vue
@@ -4,7 +4,7 @@
     <div class="flex flex-col md:flex-row">
       <div class="flex items-center gap-5">
         <h3 class="responsive-h3 text-left font-display">
-          {{ $t("components._global.get_involved") }}
+          {{ $t(i18nMap.components._global.get_involved) }}
         </h3>
         <IconEdit
           v-if="userIsSignedIn"
@@ -43,7 +43,7 @@
       <div v-if="organization.groups && organization.groups.length > 0">
         <p>
           {{
-            $t("components._global.working_groups_subtext", {
+            $t(i18nMap.components._global.working_groups_subtext, {
               entity_name: organization.name,
             })
           }}:
@@ -56,7 +56,7 @@
         </p>
         <p v-else>
           {{
-            $t("components._global.join_organization_subtext", {
+            $t(i18nMap.components._global.join_organization_subtext, {
               entity_name: organization.name,
             })
           }}
@@ -66,7 +66,8 @@
         <p>
           {{
             $t(
-              "components.card_get_involved_organization.join_organization_no_info",
+              i18nMap.components.card_get_involved_organization
+                .join_organization_no_info,
               {
                 entity_name: organization.name,
               }
@@ -80,6 +81,7 @@
 
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { openModal: openModalEditTextOrganization } = useModalHandlers(
diff --git a/frontend/components/card/search-result/CardSearchResult.vue b/frontend/components/card/search-result/CardSearchResult.vue
index a9d207a5..ac2303ce 100644
--- a/frontend/components/card/search-result/CardSearchResult.vue
+++ b/frontend/components/card/search-result/CardSearchResult.vue
@@ -22,7 +22,10 @@
               }"
               :src="imageUrl"
               :alt="
-                $t('components.card_search_result.organization_img_alt_text') +
+                $t(
+                  i18nMap.components.card_search_result
+                    .organization_img_alt_text
+                ) +
                 ' ' +
                 organization.name
               "
@@ -35,7 +38,7 @@
               }"
               :src="imageUrl"
               :alt="
-                $t('components.card_search_result.group_img_alt_text') +
+                $t(i18nMap.components.card_search_result.group_img_alt_text) +
                 ' ' +
                 group.name
               "
@@ -63,7 +66,7 @@
                 :eventType="eventType"
                 :imgUrl="imageUrl"
                 :alt="
-                  $t('components.card_search_result.event_img_alt_text', {
+                  $t(i18nMap.components.card_search_result.event_img_alt_text, {
                     entity_name: name,
                   })
                 "
@@ -231,6 +234,7 @@ import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Resource } from "~/types/content/resource";
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps<{
diff --git a/frontend/components/combobox/ComboboxTopics.vue b/frontend/components/combobox/ComboboxTopics.vue
index 078c2114..5b8a5d3c 100644
--- a/frontend/components/combobox/ComboboxTopics.vue
+++ b/frontend/components/combobox/ComboboxTopics.vue
@@ -37,7 +37,7 @@
               v-if="filteredTopics.length === 0 && query !== ''"
               class="relative cursor-default select-none px-4 py-2 text-distinct-text"
             >
-              {{ $t("components.combobox_topics.no_matching_topics") }}
+              {{ $t(i18nMap.components.combobox_topics.no_matching_topics) }}
             </div>
             <ComboboxOption
               v-for="topic in filteredTopics"
@@ -86,6 +86,7 @@ import {
   ComboboxOptions,
   TransitionRoot,
 } from "@headlessui/vue";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import { GLOBAL_TOPICS } from "~/types/topics";
 
diff --git a/frontend/components/discussion/DiscussionHeader.vue b/frontend/components/discussion/DiscussionHeader.vue
index 02bbb274..cbc655a1 100644
--- a/frontend/components/discussion/DiscussionHeader.vue
+++ b/frontend/components/discussion/DiscussionHeader.vue
@@ -2,8 +2,12 @@
 <template>
   <div class="space-y-2">
     <h3 class="responsive-h3 text-left font-display">
-      {{ $t("_global.discussion") }}
+      {{ $t(i18nMap._global.discussion) }}
     </h3>
     <hr />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/dropdown/DropdownCreate.vue b/frontend/components/dropdown/DropdownCreate.vue
index 71e81814..8cf3abca 100644
--- a/frontend/components/dropdown/DropdownCreate.vue
+++ b/frontend/components/dropdown/DropdownCreate.vue
@@ -3,7 +3,7 @@
   <DropdownBase
     :location="location"
     :menuButtonIcon="IconMap.CIRCLE_PLUS"
-    :menuButtonLabel="$t(`components.dropdown_create.create`)"
+    :menuButtonLabel="$t(i18nMap.components.dropdown_create.create)"
     :isMenuButtonUppercase="false"
     menuButtonAriaLabel="components.dropdown_create.create_aria_label"
   >
@@ -12,6 +12,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { DropdownLocation } from "~/types/location";
 import type { MenuSelector } from "~/types/menu/menu-selector";
diff --git a/frontend/components/dropdown/DropdownInfo.vue b/frontend/components/dropdown/DropdownInfo.vue
index 24bf7eaf..2100234b 100644
--- a/frontend/components/dropdown/DropdownInfo.vue
+++ b/frontend/components/dropdown/DropdownInfo.vue
@@ -3,7 +3,7 @@
   <DropdownBase
     :location="location"
     :menuButtonIcon="IconMap.CIRCLE_INFO"
-    :menuButtonLabel="$t(`components.dropdown_info.info`)"
+    :menuButtonLabel="$t(i18nMap.components.dropdown_info.info)"
     :isMenuButtonUppercase="false"
     menuButtonAriaLabel="components.dropdown_info.info_aria_label"
   >
@@ -12,6 +12,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { DropdownLocation } from "~/types/location";
 import type { MenuSelector } from "~/types/menu/menu-selector";
diff --git a/frontend/components/dropdown/DropdownTheme.vue b/frontend/components/dropdown/DropdownTheme.vue
index dfa2e50c..dad28dc8 100644
--- a/frontend/components/dropdown/DropdownTheme.vue
+++ b/frontend/components/dropdown/DropdownTheme.vue
@@ -4,10 +4,10 @@
     class="dropdown-theme"
     :location="location"
     :menuButtonIcon="menuButtonIcon"
-    :menuButtonLabel="$t(`components.dropdown_theme.label`)"
+    :menuButtonLabel="$t(i18nMap.components.dropdown_theme.label)"
     :isMenuButtonUppercase="false"
     :menuButtonAriaLabel="
-      $t(`components.dropdown_theme.open_dropdown_aria_label`)
+      $t(i18nMap.components.dropdown_theme.open_dropdown_aria_label)
     "
   >
     <div class="px-2 py-2">
@@ -32,6 +32,7 @@
 <script setup lang="ts">
 import { MenuItem } from "@headlessui/vue";
 import { computed } from "vue";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { DropdownLocation } from "~/types/location";
 
diff --git a/frontend/components/dropdown/DropdownUserOptions.vue b/frontend/components/dropdown/DropdownUserOptions.vue
index 03fa4f8d..b09fe7db 100644
--- a/frontend/components/dropdown/DropdownUserOptions.vue
+++ b/frontend/components/dropdown/DropdownUserOptions.vue
@@ -5,8 +5,8 @@
     :menuButtonIcon="IconMap.CIRCLE_PERSON"
     :menuButtonLabel="
       userIsSignedIn
-        ? $t(`components.dropdown_user_options.username`)
-        : $t(`components.dropdown_user_options.join_activist`)
+        ? $t(i18nMap.components.dropdown_user_options.username)
+        : $t(i18nMap.components.dropdown_user_options.join_activist)
     "
     :isMenuButtonUppercase="false"
     :isMenuButtonBold="true"
@@ -20,6 +20,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { DropdownLocation } from "~/types/location";
 import type { MenuSelector } from "~/types/menu/menu-selector";
diff --git a/frontend/components/feed/FeedItem.vue b/frontend/components/feed/FeedItem.vue
index a5dce06a..c73b2c05 100644
--- a/frontend/components/feed/FeedItem.vue
+++ b/frontend/components/feed/FeedItem.vue
@@ -2,7 +2,7 @@
 <template>
   <NuxtLink
     :to="localePath(item.url)"
-    :aria-label="$t('components._global.navigate_to_group_aria_label')"
+    :aria-label="$t(i18nMap.components._global.navigate_to_group_aria_label)"
   >
     <div
       class="elem-shadow-sm cursor-pointer rounded-md border border-section-div bg-layer-2 p-2 sm:p-3"
@@ -36,14 +36,14 @@
         <img
           v-if="item.imgUrl"
           :src="item.imgUrl"
-          :alt="$t('components.feed_item.img_alt_text')"
+          :alt="$t(i18nMap.components.feed_item.img_alt_text)"
         />
         <Icon
           v-else
           class="fill-layer-1"
           name="IconGroup"
           size="6em"
-          :alt="$t('components.feed_item.img_alt_text')"
+          :alt="$t(i18nMap.components.feed_item.img_alt_text)"
         />
       </div>
     </div>
@@ -52,6 +52,7 @@
 
 <script setup lang="ts">
 import type { FeedItem } from "~/types/feed/feed-item";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps<{
diff --git a/frontend/components/footer/flex/FooterFlex.vue b/frontend/components/footer/flex/FooterFlex.vue
index b6d2ff6f..c41d8549 100644
--- a/frontend/components/footer/flex/FooterFlex.vue
+++ b/frontend/components/footer/flex/FooterFlex.vue
@@ -11,7 +11,7 @@
         />
       </div>
       <p class="mt-3 text-primary-text">
-        {{ $t("components.footer.flex._global.activist_tagline") }}
+        {{ $t(i18nMap.components.footer.flex._global.activist_tagline) }}
       </p>
       <!-- Note: Platform Links -->
       <div class="mt-2 flex justify-start">
@@ -49,11 +49,11 @@
         href="https://www.netlify.com/"
         target="_blank"
       >
-        {{ $t("components.footer.flex._global.powered_by_netlify") }}
+        {{ $t(i18nMap.components.footer.flex._global.powered_by_netlify) }}
       </a>
       <div class="mt-2 text-primary-text">
         {{
-          $t("components.footer.flex._global.copyright", {
+          $t(i18nMap.components.footer.flex._global.copyright, {
             year: new Date().getFullYear(),
           })
         }}
@@ -66,7 +66,7 @@
       <!-- Note: Connect Links -->
       <div>
         <p class="text-xl font-medium text-primary-text">
-          {{ $t("components._global.connect") }}
+          {{ $t(i18nMap.components._global.connect) }}
         </p>
         <template v-for="(connect, index) in links.connectLinks">
           <a
@@ -88,7 +88,7 @@
       <!-- Note: Resources Links -->
       <div>
         <p class="text-xl font-medium text-primary-text">
-          {{ $t("_global.resources") }}
+          {{ $t(i18nMap._global.resources) }}
         </p>
         <template v-for="(resource, index) in links.resourcesLinks">
           <p
@@ -104,7 +104,7 @@
       <!-- Note: Organization Links -->
       <div>
         <p class="text-xl font-medium text-primary-text">
-          {{ $t("_global.organization") }}
+          {{ $t(i18nMap._global.organization) }}
         </p>
         <template v-for="(oLink, index) in links.organizationLinks">
           <p
@@ -122,6 +122,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 defineProps<{
diff --git a/frontend/components/footer/flex/FooterFlexCol.vue b/frontend/components/footer/flex/FooterFlexCol.vue
index a35d6be4..7df2f6a9 100644
--- a/frontend/components/footer/flex/FooterFlexCol.vue
+++ b/frontend/components/footer/flex/FooterFlexCol.vue
@@ -10,7 +10,7 @@
         />
       </div>
       <p class="text-primary-text">
-        {{ $t("components.footer.flex._global.activist_tagline") }}
+        {{ $t(i18nMap.components.footer.flex._global.activist_tagline) }}
       </p>
       <!-- Note: Platform Links -->
       <div class="flex flex-wrap items-center justify-center">
@@ -39,7 +39,7 @@
       <!-- Note: Connect Links -->
       <div>
         <p class="text-xl font-medium text-primary-text">
-          {{ $t("components._global.connect") }}
+          {{ $t(i18nMap.components._global.connect) }}
         </p>
         <div class="mt-1 flex gap-10 sm:mt-0 sm:flex-col sm:gap-0">
           <template v-for="(connect, index) in links.connectLinks">
@@ -63,7 +63,7 @@
       <!-- Note: Resources Links -->
       <div>
         <p class="mt-6 text-xl font-medium text-primary-text sm:mt-0">
-          {{ $t("_global.resources") }}
+          {{ $t(i18nMap._global.resources) }}
         </p>
         <div class="flex flex-wrap justify-center gap-x-1 sm:flex-col sm:gap-0">
           <template v-for="(resource, index) in links.resourcesLinks">
@@ -87,7 +87,7 @@
       <!-- Note: Organization Links -->
       <div>
         <p class="mt-6 text-xl font-medium text-primary-text sm:mt-0">
-          {{ $t("_global.organization") }}
+          {{ $t(i18nMap._global.organization) }}
         </p>
         <div class="flex flex-wrap justify-center gap-x-1 sm:flex-col sm:gap-0">
           <template v-for="(oLink, index) in links.organizationLinks">
@@ -131,11 +131,11 @@
         href="https://www.netlify.com/"
         target="_blank"
       >
-        {{ $t("components.footer.flex._global.powered_by_netlify") }}
+        {{ $t(i18nMap.components.footer.flex._global.powered_by_netlify) }}
       </a>
       <div class="mt-2 text-primary-text">
         {{
-          $t("components.footer.flex._global.copyright", {
+          $t(i18nMap.components.footer.flex._global.copyright, {
             year: new Date().getFullYear(),
           })
         }}
@@ -145,6 +145,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 defineProps<{
diff --git a/frontend/components/form/FormViewSelector.vue b/frontend/components/form/FormViewSelector.vue
index da4cb787..e93069aa 100644
--- a/frontend/components/form/FormViewSelector.vue
+++ b/frontend/components/form/FormViewSelector.vue
@@ -3,7 +3,7 @@
   <RadioGroup
     v-model="value"
     class="flex h-11 w-full items-center divide-x-2 divide-primary-text"
-    :aria-label="$t('components.form_view_selector.title_aria_label')"
+    :aria-label="$t(i18nMap.components.form_view_selector.title_aria_label)"
   >
     <RadioGroupOption
       v-for="option in viewOptions"
@@ -30,6 +30,7 @@
 
 <script setup lang="ts">
 import { RadioGroup, RadioGroupOption } from "@headlessui/vue";
+import { i18nMap } from "~/types/i18n-map";
 import { ViewType } from "~/types/view-types";
 
 const props = defineProps({
diff --git a/frontend/components/form/radio/FormRadioGroup.vue b/frontend/components/form/radio/FormRadioGroup.vue
index cd1ea410..cc404a42 100644
--- a/frontend/components/form/radio/FormRadioGroup.vue
+++ b/frontend/components/form/radio/FormRadioGroup.vue
@@ -25,7 +25,9 @@
         :for="customValueType"
         class="sr-only"
         >{{
-          $t("components.form_radio_group.custom_numeric_value_placeholder")
+          $t(
+            i18nMap.components.form_radio_group.custom_numeric_value_placeholder
+          )
         }}</label
       >
       <input
@@ -36,7 +38,9 @@
         class="w-full flex-1 rounded-l-md border border-r-0 border-interactive bg-layer-2 pl-4 pr-2 font-bold text-distinct-text outline-none"
         :type="customValueType"
         :placeholder="
-          $t('components.form_radio_group.custom_numeric_value_placeholder')
+          $t(
+            i18nMap.components.form_radio_group.custom_numeric_value_placeholder
+          )
         "
       />
       <button
@@ -56,6 +60,7 @@
 
 <script setup lang="ts">
 import { computed } from "vue";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 // TODO: This type should be defined for the props definition type from FromRadioButton and FromRadio.
diff --git a/frontend/components/grid/GridAppShields.vue b/frontend/components/grid/GridAppShields.vue
index 0d15c35c..13472634 100644
--- a/frontend/components/grid/GridAppShields.vue
+++ b/frontend/components/grid/GridAppShields.vue
@@ -5,10 +5,10 @@
       <Icon :name="IconMap.APPLE" size="2em" />
       <div class="ml-4 place-self-center pb-1">
         <div class="ml-0.5 whitespace-nowrap text-xs font-semibold leading-4">
-          {{ $t("components.grid_app_shields.download_on_the") }}
+          {{ $t(i18nMap.components.grid_app_shields.download_on_the) }}
         </div>
         <div class="whitespace-nowrap text-2xl font-semibold leading-4">
-          {{ $t("components.grid_app_shields.app_store") }}
+          {{ $t(i18nMap.components.grid_app_shields.app_store) }}
         </div>
       </div>
     </ShieldApp>
@@ -18,10 +18,10 @@
         <div
           class="ml-0.5 whitespace-nowrap text-xs font-semibold uppercase leading-4"
         >
-          {{ $t("components.grid_app_shields.get_it_on") }}
+          {{ $t(i18nMap.components.grid_app_shields.get_it_on) }}
         </div>
         <div class="whitespace-nowrap text-2xl font-semibold leading-4">
-          {{ $t("components.grid_app_shields.google_play") }}
+          {{ $t(i18nMap.components.grid_app_shields.google_play) }}
         </div>
       </div>
     </ShieldApp>
@@ -31,10 +31,10 @@
         <div
           class="ml-0.5 whitespace-nowrap text-xs font-semibold uppercase leading-4"
         >
-          {{ $t("components.grid_app_shields.get_it_on") }}
+          {{ $t(i18nMap.components.grid_app_shields.get_it_on) }}
         </div>
         <div class="whitespace-nowrap text-2xl font-semibold leading-4">
-          {{ $t("components.grid_app_shields.f_droid") }}
+          {{ $t(i18nMap.components.grid_app_shields.f_droid) }}
         </div>
       </div>
     </ShieldApp>
@@ -42,5 +42,6 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 </script>
diff --git a/frontend/components/grid/GridGitHubShields.vue b/frontend/components/grid/GridGitHubShields.vue
index 7b2d70e4..8909c3be 100644
--- a/frontend/components/grid/GridGitHubShields.vue
+++ b/frontend/components/grid/GridGitHubShields.vue
@@ -9,17 +9,17 @@
       <Icon :name="IconMap.GITHUB" size="2em" />
       <div class="ml-4 place-self-center pb-1">
         <div class="ml-0.5 text-xs font-semibold leading-4">
-          {{ $t("components.grid_git_hub_shields.visit_us") }}
+          {{ $t(i18nMap.components.grid_git_hub_shields.visit_us) }}
         </div>
         <div class="text-2xl font-semibold leading-4">
-          {{ $t("components._global.github") }}
+          {{ $t(i18nMap.components._global.github) }}
         </div>
       </div>
     </ShieldGitHub>
     <ShieldGitHub
       class="fill-primary-text"
       href="https://github.com/activist-org/activist/forks"
-      :text="$t('components.grid_git_hub_shields.fork')"
+      :text="$t(i18nMap.components.grid_git_hub_shields.fork)"
       :isLoading="isLoading"
       :count="GitHubData.forks_count"
     >
@@ -28,7 +28,7 @@
     <ShieldGitHub
       class="fill-primary-text"
       href="https://github.com/activist-org/activist/stargazers"
-      :text="$t('components._global.star')"
+      :text="$t(i18nMap.components._global.star)"
       :isLoading="isLoading"
       :count="GitHubData.stargazers_count"
     >
@@ -38,6 +38,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const isLoading = ref(false);
diff --git a/frontend/components/grid/GridSupporters.vue b/frontend/components/grid/GridSupporters.vue
index c81fcec2..b757158c 100644
--- a/frontend/components/grid/GridSupporters.vue
+++ b/frontend/components/grid/GridSupporters.vue
@@ -7,22 +7,28 @@
       imageName="WikimediaDE"
       imageLink="https://www.wikimedia.de"
       :aria-label="
-        $t('components.grid_supporters.wikimedia_de_logo_aria_label')
+        $t(i18nMap.components.grid_supporters.wikimedia_de_logo_aria_label)
       "
     />
     <ImageLogo
       imageName="WikimediaRS"
       imageLink="https://wikimedia.rs"
       :aria-label="
-        $t('components.grid_supporters.wikimedia_rs_logo_aria_label')
+        $t(i18nMap.components.grid_supporters.wikimedia_rs_logo_aria_label)
       "
     />
     <ImageLogo
       imageName="ImpactHub"
       imageLink="https://belgrade.impacthub.net"
       :aria-label="
-        $t('components.grid_supporters.impact_hub_belgrade_logo_aria_label')
+        $t(
+          i18nMap.components.grid_supporters.impact_hub_belgrade_logo_aria_label
+        )
       "
     />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/header/HeaderAppPage.vue b/frontend/components/header/HeaderAppPage.vue
index 20633a96..a1685871 100644
--- a/frontend/components/header/HeaderAppPage.vue
+++ b/frontend/components/header/HeaderAppPage.vue
@@ -8,14 +8,14 @@
     <div class="flex space-x-3">
       <p>🚧</p>
       <div class="flex flex-col space-y-1">
-        <p>{{ $t("components.header_app_page.under_development") }}</p>
+        <p>{{ $t(i18nMap.components.header_app_page.under_development) }}</p>
         <div class="flex space-x-3">
           <a
             class="focus-brand link-text flex items-center space-x-1"
             href="https://github.com/activist-org/activist"
             target="_blank"
           >
-            <p>{{ $t("components._global.github") }}</p>
+            <p>{{ $t(i18nMap.components._global.github) }}</p>
             <Icon
               class="mb-1"
               :name="IconMap.EXTERNAL_LINK"
@@ -29,7 +29,7 @@
             href="https://matrix.to/#/#activist_community:matrix.org"
             target="_blank"
           >
-            <p>{{ $t("components._global.matrix") }}</p>
+            <p>{{ $t(i18nMap.components._global.matrix) }}</p>
             <Icon
               class="mb-1"
               :name="IconMap.EXTERNAL_LINK"
@@ -61,7 +61,7 @@
       v-if="organization && organization.status === 1"
       class="responsive-h4 text-warn-yellow transition-all duration-500"
     >
-      {{ $t("components.header_app_page.status_pending") }}
+      {{ $t(i18nMap.components.header_app_page.status_pending) }}
     </h2>
     <h2
       v-else-if="headerTagline"
@@ -78,6 +78,7 @@
 import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps<{
diff --git a/frontend/components/icon/IconActivist.vue b/frontend/components/icon/IconActivist.vue
index 9fa71479..74f60094 100644
--- a/frontend/components/icon/IconActivist.vue
+++ b/frontend/components/icon/IconActivist.vue
@@ -17,12 +17,14 @@
       />
     </svg>
     <span class="sr-only">{{
-      $t("components._global.navigate_to_start")
+      $t(i18nMap.components._global.navigate_to_start)
     }}</span>
   </NuxtLink>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 defineProps<{
diff --git a/frontend/components/indicator/IndicatorPasswordStrength.vue b/frontend/components/indicator/IndicatorPasswordStrength.vue
index 2503f8f0..1dee3099 100644
--- a/frontend/components/indicator/IndicatorPasswordStrength.vue
+++ b/frontend/components/indicator/IndicatorPasswordStrength.vue
@@ -17,12 +17,12 @@
         'text-primary-text': color === 'bg-primary-text',
       }"
     >
-      {{ $t("components.indicator_password_strength.title") }}:
+      {{ $t(i18nMap.components.indicator_password_strength.title) }}:
       {{
         $t(
           !!passwordValue.length
             ? text
-            : "components.indicator_password_strength.invalid"
+            : i18nMap.components.indicator_password_strength.invalid
         )
       }}
     </div>
@@ -31,6 +31,7 @@
 
 <script setup lang="ts">
 import zxcvbn from "zxcvbn";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps({
   passwordValue: {
diff --git a/frontend/components/indicator/IndicatorProcessProgress.vue b/frontend/components/indicator/IndicatorProcessProgress.vue
index ef972431..a0780009 100755
--- a/frontend/components/indicator/IndicatorProcessProgress.vue
+++ b/frontend/components/indicator/IndicatorProcessProgress.vue
@@ -16,18 +16,21 @@
       class="hidden h-full items-center space-x-3 bg-cta-orange px-3 text-primary-text hover:bg-cta-orange/80 dark:bg-cta-orange/10 dark:text-cta-orange dark:hover:bg-cta-orange/25 md:flex"
       :to="localePath('/')"
       :aria-label="
-        $t('components.indicator_process_progress.close_process_aria_label')
+        $t(
+          i18nMap.components.indicator_process_progress.close_process_aria_label
+        )
       "
     >
       <Icon :name="IconMap.X_LG" />
       <span>{{
-        $t("components.indicator_process_progress.close_process")
+        $t(i18nMap.components.indicator_process_progress.close_process)
       }}</span>
     </NuxtLink>
   </div>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 export interface Props {
diff --git a/frontend/components/landing/LandingCommunityBanner.vue b/frontend/components/landing/LandingCommunityBanner.vue
index 82b1e964..352d8526 100644
--- a/frontend/components/landing/LandingCommunityBanner.vue
+++ b/frontend/components/landing/LandingCommunityBanner.vue
@@ -10,12 +10,12 @@
         class="focus-brand hover:text-primary-text"
         href="https://github.com/activist-org/activist"
         target="_blank"
-        :aria-label="$t('components._global.github')"
+        :aria-label="$t(i18nMap.components._global.github)"
       >
         <MetaTagSocialMedia
           class="!gap-2"
           :iconName="IconMap.GITHUB"
-          :text="$t('components._global.github')"
+          :text="$t(i18nMap.components._global.github)"
           iconSize="1.1em"
           textUtilityClasses="sr-only sm:not-sr-only"
         />
@@ -24,12 +24,12 @@
         class="focus-brand hover:text-primary-text"
         href="https://matrix.to/#/#activist_community:matrix.org"
         target="_blank"
-        :aria-label="$t('components._global.matrix')"
+        :aria-label="$t(i18nMap.components._global.matrix)"
       >
         <MetaTagSocialMedia
           class="!gap-2"
           :iconName="IconMap.MATRIX"
-          :text="$t('components._global.matrix')"
+          :text="$t(i18nMap.components._global.matrix)"
           iconSize="1.061em"
           textUtilityClasses="sr-only sm:not-sr-only"
         />
@@ -38,12 +38,12 @@
         class="focus-brand hover:text-primary-text"
         href="https://instagram.com/activist_org"
         target="_blank"
-        :aria-label="$t('components._global.instagram')"
+        :aria-label="$t(i18nMap.components._global.instagram)"
       >
         <MetaTagSocialMedia
           class="!gap-2"
           :iconName="IconMap.INSTAGRAM"
-          :text="$t('components._global.instagram')"
+          :text="$t(i18nMap.components._global.instagram)"
           iconSize="1em"
           textUtilityClasses="sr-only sm:not-sr-only"
         />
@@ -53,5 +53,6 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 </script>
diff --git a/frontend/components/landing/LandingSplash.vue b/frontend/components/landing/LandingSplash.vue
index cc5ef8bb..1304d18d 100644
--- a/frontend/components/landing/LandingSplash.vue
+++ b/frontend/components/landing/LandingSplash.vue
@@ -8,7 +8,7 @@
         id="landing-splash-header"
         class="w-10/12 text-center font-display text-3xl font-bold leading-snug sm:text-4xl sm:leading-snug md:max-w-lg md:text-5xl md:leading-snug lg:font-bold xl:max-w-2xl xl:text-6xl xl:leading-snug"
       >
-        {{ $t("components.landing_splash.header") }}
+        {{ $t(i18nMap.components.landing_splash.header) }}
       </h1>
     </div>
     <div class="flex justify-center">
@@ -16,12 +16,12 @@
         class="w-10/12 text-center text-base sm:text-xl md:w-3/4 md:text-lg xl:text-2xl"
       >
         <div v-if="aboveMediumBP" class="block flex-col space-y-1 xl:space-y-2">
-          <p>{{ $t("components.landing_splash.message_1") }}</p>
-          <p>{{ $t("components.landing_splash.message_2") }}</p>
+          <p>{{ $t(i18nMap.components.landing_splash.message_1) }}</p>
+          <p>{{ $t(i18nMap.components.landing_splash.message_2) }}</p>
         </div>
         <p v-else>
-          {{ $t("components.landing_splash.message_1") }}&nbsp;{{
-            $t("components.landing_splash.message_2")
+          {{ $t(i18nMap.components.landing_splash.message_1) }}&nbsp;{{
+            $t(i18nMap.components.landing_splash.message_2)
           }}
         </p>
       </div>
@@ -61,6 +61,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const aboveMediumBP = useBreakpoint("md");
 
 const devMode = useDevMode();
diff --git a/frontend/components/landing/LandingTechBanner.vue b/frontend/components/landing/LandingTechBanner.vue
index fc609049..1bd7188c 100644
--- a/frontend/components/landing/LandingTechBanner.vue
+++ b/frontend/components/landing/LandingTechBanner.vue
@@ -6,18 +6,22 @@
     <h2
       class="w-10/12 text-center text-2xl font-semibold sm:w-full sm:text-3xl xl:text-4xl"
     >
-      {{ $t("components.landing_tech_banner.open_header") }}
+      {{ $t(i18nMap.components.landing_tech_banner.open_header) }}
     </h2>
     <p
       class="text-transform: w-10/12 text-center text-base uppercase tracking-wider text-distinct-text sm:w-full sm:text-lg xl:text-xl"
     >
-      {{ $t("components.landing_tech_banner.open_source_tagline") }}
+      {{ $t(i18nMap.components.landing_tech_banner.open_source_tagline) }}
     </p>
     <p
       class="w-10/12 pb-2 text-center text-sm sm:max-w-lg sm:text-base md:text-lg lg:max-w-xl"
     >
-      {{ $t("components.landing_tech_banner.open_source_text") }}
+      {{ $t(i18nMap.components.landing_tech_banner.open_source_text) }}
     </p>
     <GridGitHubShields />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/logo/LogoActivist.vue b/frontend/components/logo/LogoActivist.vue
index bb689e0e..eb057886 100644
--- a/frontend/components/logo/LogoActivist.vue
+++ b/frontend/components/logo/LogoActivist.vue
@@ -3,7 +3,7 @@
   <NuxtLink
     :to="localePath('/')"
     class="focus-brand logo-activist"
-    :aria-label="$t('components.logo_activist.aria_label')"
+    :aria-label="$t(i18nMap.components.logo_activist.aria_label)"
   >
     <svg
       class="fill-primary-text transition duration-100 hover:fill-distinct-text"
@@ -19,12 +19,14 @@
       />
     </svg>
     <span class="sr-only">{{
-      $t("components._global.navigate_to_start")
+      $t(i18nMap.components._global.navigate_to_start)
     }}</span>
   </NuxtLink>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 defineProps<{
diff --git a/frontend/components/media/image-carousel/MediaImageCarousel.vue b/frontend/components/media/image-carousel/MediaImageCarousel.vue
index ad75bde3..12bbb9b4 100644
--- a/frontend/components/media/image-carousel/MediaImageCarousel.vue
+++ b/frontend/components/media/image-carousel/MediaImageCarousel.vue
@@ -21,7 +21,7 @@
             'h-[17.5rem]': !props.fullscreen,
           }"
           :src="img"
-          :alt="$t('components.media_image_carousel.img_alt_text')"
+          :alt="$t(i18nMap.components.media_image_carousel.img_alt_text)"
         />
       </swiper-slide>
     </swiper-container>
@@ -37,6 +37,7 @@
 
 <script setup lang="ts">
 import { register } from "swiper/element/bundle";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps({
diff --git a/frontend/components/meta-tag/MetaTagOrganization.vue b/frontend/components/meta-tag/MetaTagOrganization.vue
index c9c03df3..33fa3e6a 100644
--- a/frontend/components/meta-tag/MetaTagOrganization.vue
+++ b/frontend/components/meta-tag/MetaTagOrganization.vue
@@ -2,7 +2,9 @@
 <template>
   <NuxtLink
     :to="`/organizations/${organization.id}`"
-    :aria-label="$t('components._global.navigate_to_organization_aria_label')"
+    :aria-label="
+      $t(i18nMap.components._global.navigate_to_organization_aria_label)
+    "
   >
     <MetaTag
       iconName="IconOrganization"
@@ -13,6 +15,7 @@
 
 <script setup lang="ts">
 import type { Organization } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 
 defineProps<{
   organization: Organization;
diff --git a/frontend/components/modal/ModalBase.vue b/frontend/components/modal/ModalBase.vue
index 6421af50..c2aae5c0 100644
--- a/frontend/components/modal/ModalBase.vue
+++ b/frontend/components/modal/ModalBase.vue
@@ -28,7 +28,7 @@
           id="close-search-modal"
           class="focus-brand absolute right-0 mr-24 mt-8 rounded-full p-1 text-distinct-text hover:text-primary-text"
           :aria-label="
-            $t ? $t('components.modal_base.close_modal_aria_label') : ''
+            $t ? $t(i18nMap.components.modal_base.close_modal_aria_label) : ''
           "
         >
           <Icon class="h-10 w-10" :name="IconMap.CIRCLE_X_FILL" />
@@ -49,7 +49,7 @@
           role="button"
           class="focus-brand flex flex-col items-center justify-center"
           :aria-label="
-            $t ? $t('components.modal_base.close_modal_aria_label') : ''
+            $t ? $t(i18nMap.components.modal_base.close_modal_aria_label) : ''
           "
         >
           <slot />
@@ -65,6 +65,7 @@
 <script setup lang="ts">
 import { Dialog, DialogPanel } from "@headlessui/vue";
 import { useRoute } from "vue-router";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const props = defineProps<{
diff --git a/frontend/components/modal/ModalCommandPalette.vue b/frontend/components/modal/ModalCommandPalette.vue
index 9241b628..1a4c8df1 100644
--- a/frontend/components/modal/ModalCommandPalette.vue
+++ b/frontend/components/modal/ModalCommandPalette.vue
@@ -15,7 +15,7 @@
             @keydown.enter="handleEnter"
             @change="searchTerm = $event.target.value"
             class="h-9 w-full bg-transparent pl-1 text-gray-800 placeholder-gray-400 focus:outline-none focus:ring-0"
-            :placeholder="$t('_global.search')"
+            :placeholder="$t(i18nMap._global.search)"
           />
         </div>
         <div v-if="searchTerm.length > 0 && filteredCommands.length > 0">
@@ -52,7 +52,7 @@
                   class="link-text invisible absolute right-3 w-16"
                   :class="{ visible: active }"
                 >
-                  {{ $t("components.modal_command_palette.jump_to") }}
+                  {{ $t(i18nMap.components.modal_command_palette.jump_to) }}
                 </span>
               </div>
             </li>
@@ -76,6 +76,7 @@ import {
   ComboboxOption,
   ComboboxOptions,
 } from "@headlessui/vue";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps<{
   paletteData: Command[];
diff --git a/frontend/components/modal/ModalOrganizationOverview.vue b/frontend/components/modal/ModalOrganizationOverview.vue
index 5c706a9f..eb0ea307 100644
--- a/frontend/components/modal/ModalOrganizationOverview.vue
+++ b/frontend/components/modal/ModalOrganizationOverview.vue
@@ -4,7 +4,7 @@
     <div class="px-2 pb-2 pt-1 lg:px-4 lg:pb-4 lg:pt-2">
       <DialogTitle class="font-display">
         <p class="responsive-h2 font-bold">
-          {{ $t("_global.organizations") }}
+          {{ $t(i18nMap._global.organizations) }}
         </p>
       </DialogTitle>
       <div class="mt-6 py-2 pr-1 md:max-h-[50vh] md:overflow-y-auto">
@@ -26,6 +26,7 @@
 import { DialogTitle } from "@headlessui/vue";
 import ModalBase from "~/components/modal/ModalBase.vue";
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 
 defineProps<{
   event?: Event;
diff --git a/frontend/components/modal/ModalOrganizationStatus.vue b/frontend/components/modal/ModalOrganizationStatus.vue
index 7d6552dc..754ae6ea 100644
--- a/frontend/components/modal/ModalOrganizationStatus.vue
+++ b/frontend/components/modal/ModalOrganizationStatus.vue
@@ -14,7 +14,7 @@
       <p
         class="responsive-h4 pt-2 text-accepted-green dark:text-accepted-green"
       >
-        {{ $t("components.modal_organization_status.status_accepted") }}
+        {{ $t(i18nMap.components.modal_organization_status.status_accepted) }}
       </p>
       <div class="space-y-6 py-6">
         <CardOrgApplicationVote
@@ -36,6 +36,7 @@
 <script setup lang="ts">
 import type { DiscussionEntry } from "~/types/content/discussion";
 import type { Organization } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps<{
   organization: Organization;
diff --git a/frontend/components/modal/ModalSharePage.vue b/frontend/components/modal/ModalSharePage.vue
index 8d8736ab..9f05294a 100644
--- a/frontend/components/modal/ModalSharePage.vue
+++ b/frontend/components/modal/ModalSharePage.vue
@@ -5,12 +5,12 @@
     <div class="px-2 pb-2 pt-1 lg:px-4 lg:pb-4 lg:pt-2">
       <DialogTitle class="font-display">
         <p class="responsive-h2 font-bold">
-          {{ $t("components.modal_share_page.header") }}
+          {{ $t(i18nMap.components.modal_share_page.header) }}
         </p>
       </DialogTitle>
       <div class="pt-6">
         <p class="responsive-h4 font-bold">
-          {{ $t("components.modal_share_page.online") }}
+          {{ $t(i18nMap.components.modal_share_page.online) }}
         </p>
         <div
           class="grid w-full grid-cols-3 grid-rows-2 content-start gap-4 pt-4 lg:gap-8 lg:pt-6"
@@ -19,7 +19,7 @@
             type="vueSocials"
             social-component="STelegram"
             :iconName="IconMap.TELEGRAM"
-            :text="$t('components.modal_share_page.telegram')"
+            :text="$t(i18nMap.components.modal_share_page.telegram)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -30,7 +30,7 @@
             type="vueSocials"
             social-component="SMastodon"
             :iconName="IconMap.MASTODON"
-            :text="$t('components.modal_share_page.mastodon')"
+            :text="$t(i18nMap.components.modal_share_page.mastodon)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -60,7 +60,7 @@
             type="vueSocials"
             social-component="SFacebook"
             :iconName="IconMap.FACEBOOK"
-            :text="$t('components.modal_share_page.facebook')"
+            :text="$t(i18nMap.components.modal_share_page.facebook)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -70,7 +70,7 @@
           <BtnShareIcon
             type="redirect"
             :iconName="IconMap.SIGNAL"
-            :text="$t('components.modal_share_page.signal')"
+            :text="$t(i18nMap.components.modal_share_page.signal)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -84,7 +84,7 @@
             type="vueSocials"
             social-component="SFacebookMessenger"
             :iconName="IconMap.MESSENGER"
-            :text="$t('components.modal_share_page.messenger')"
+            :text="$t(i18nMap.components.modal_share_page.messenger)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -94,7 +94,7 @@
           <BtnShareIcon
             type="redirect"
             :iconName="IconMap.INSTAGRAM"
-            :text="$t('components._global.instagram')"
+            :text="$t(i18nMap.components._global.instagram)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -107,7 +107,7 @@
           <BtnShareIcon
             type="redirect"
             :iconName="IconMap.MATRIX"
-            :text="$t('components._global.matrix')"
+            :text="$t(i18nMap.components._global.matrix)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -120,7 +120,7 @@
           <BtnShareIcon
             type="redirect"
             :iconName="IconMap.LINK"
-            :text="$t('components.modal_share_page.copy_link')"
+            :text="$t(i18nMap.components.modal_share_page.copy_link)"
             iconSize="1.5em"
             :window-features="windowFeatures"
             :share-options="shareOptions"
@@ -133,7 +133,7 @@
       </div>
       <div class="pt-6">
         <p class="responsive-h4 font-bold">
-          {{ $t("components.modal_share_page.offline") }}
+          {{ $t(i18nMap.components.modal_share_page.offline) }}
         </p>
         <div
           class="grid w-full grid-cols-3 grid-rows-1 content-start gap-4 pt-4 lg:gap-8 lg:pt-6"
@@ -168,6 +168,7 @@ import type { Event } from "~/types/events/event";
 import { IconMap } from "~/types/icon-map";
 import { DialogTitle } from "@headlessui/vue";
 import { Toaster } from "vue-sonner";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps<{
   cta: BtnAction["cta"];
diff --git a/frontend/components/modal/edit/ModalEditFaqEntry.vue b/frontend/components/modal/edit/ModalEditFaqEntry.vue
index 921a41a6..04997be7 100644
--- a/frontend/components/modal/edit/ModalEditFaqEntry.vue
+++ b/frontend/components/modal/edit/ModalEditFaqEntry.vue
@@ -14,16 +14,19 @@
         <label for="textarea" class="responsive-h2">{{ s }}</label>
         <textarea
           v-if="
-            s !== $t('components.modal.edit._global.join_organization_link') &&
-            s !== $t('components._global.join_group_link') &&
-            s !== $t('components._global.offer_to_help_link')
+            s !==
+              $t(
+                i18nMap.components.modal.edit._global.join_organization_link
+              ) &&
+            s !== $t(i18nMap.components._global.join_group_link) &&
+            s !== $t(i18nMap.components._global.offer_to_help_link)
           "
           v-model="translatedTexts[i]"
           id="textarea"
           class="focus-brand elem-shadow-sm min-h-32 rounded-md bg-layer-2 px-3 py-2"
         />
         <div v-else class="flex flex-col space-y-2">
-          <p>{{ $t("components.modal.edit._global.remember_https") }}</p>
+          <p>{{ $t(i18nMap.components.modal.edit._global.remember_https) }}</p>
           <input
             v-model="editedTexts[i]"
             id="textarea"
@@ -34,9 +37,11 @@
       <BtnAction
         @click="true"
         :cta="true"
-        :label="$t('components.modal.edit._global.update_texts')"
+        :label="$t(i18nMap.components.modal.edit._global.update_texts)"
         fontSize="base"
-        :ariaLabel="$t('components.modal.edit._global.update_texts_aria_label')"
+        :ariaLabel="
+          $t(i18nMap.components.modal.edit._global.update_texts_aria_label)
+        "
       />
     </div>
   </ModalBase>
@@ -44,6 +49,7 @@
 
 <script setup lang="ts">
 import type { FaqEntry } from "~/types/content/faq-entry";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps<{
   name?: string;
diff --git a/frontend/components/modal/edit/text/ModalEditTextEvent.vue b/frontend/components/modal/edit/text/ModalEditTextEvent.vue
index bfdb9133..11aeb568 100644
--- a/frontend/components/modal/edit/text/ModalEditTextEvent.vue
+++ b/frontend/components/modal/edit/text/ModalEditTextEvent.vue
@@ -8,7 +8,7 @@
     <div class="flex flex-col space-y-7">
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("_global.about")
+          $t(i18nMap._global.about)
         }}</label>
         <textarea
           v-model="formData.description"
@@ -18,7 +18,7 @@
       </div>
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("components._global.participate")
+          $t(i18nMap.components._global.participate)
         }}</label>
         <textarea
           v-model="formData.getInvolved"
@@ -29,9 +29,9 @@
       <div class="flex flex-col space-y-3 text-primary-text">
         <div class="flex flex-col space-y-2">
           <label for="input" class="responsive-h2">{{
-            $t("components._global.offer_to_help_link")
+            $t(i18nMap.components._global.offer_to_help_link)
           }}</label>
-          <p>{{ $t("components.modal.edit._global.remember_https") }}</p>
+          <p>{{ $t(i18nMap.components.modal.edit._global.remember_https) }}</p>
           <input
             v-model="formData.getInvolvedUrl"
             id="textarea"
@@ -42,15 +42,19 @@
       <BtnAction
         @click="handleSubmit()"
         :cta="true"
-        :label="$t('components.modal.edit._global.update_texts')"
+        :label="$t(i18nMap.components.modal.edit._global.update_texts)"
         fontSize="base"
-        :ariaLabel="$t('components.modal.edit._global.update_texts_aria_label')"
+        :ariaLabel="
+          $t(i18nMap.components.modal.edit._global.update_texts_aria_label)
+        "
       />
     </div>
   </ModalBase>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const props = defineProps<{
   isOpen: boolean;
 }>();
diff --git a/frontend/components/modal/edit/text/ModalEditTextGroup.vue b/frontend/components/modal/edit/text/ModalEditTextGroup.vue
index 3d24db8b..9f669fee 100644
--- a/frontend/components/modal/edit/text/ModalEditTextGroup.vue
+++ b/frontend/components/modal/edit/text/ModalEditTextGroup.vue
@@ -8,7 +8,7 @@
     <div class="flex flex-col space-y-7">
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("_global.about")
+          $t(i18nMap._global.about)
         }}</label>
         <textarea
           v-model="formData.description"
@@ -18,7 +18,7 @@
       </div>
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("components._global.get_involved")
+          $t(i18nMap.components._global.get_involved)
         }}</label>
         <textarea
           v-model="formData.getInvolved"
@@ -29,9 +29,9 @@
       <div class="flex flex-col space-y-3 text-primary-text">
         <div class="flex flex-col space-y-2">
           <label for="input" class="responsive-h2">{{
-            $t("components._global.join_group_link")
+            $t(i18nMap.components._global.join_group_link)
           }}</label>
-          <p>{{ $t("components.modal.edit._global.remember_https") }}</p>
+          <p>{{ $t(i18nMap.components.modal.edit._global.remember_https) }}</p>
           <input
             v-model="formData.getInvolvedUrl"
             id="textarea"
@@ -42,15 +42,19 @@
       <BtnAction
         @click="handleSubmit()"
         :cta="true"
-        :label="$t('components.modal.edit._global.update_texts')"
+        :label="$t(i18nMap.components.modal.edit._global.update_texts)"
         fontSize="base"
-        :ariaLabel="$t('components.modal.edit._global.update_texts_aria_label')"
+        :ariaLabel="
+          $t(i18nMap.components.modal.edit._global.update_texts_aria_label)
+        "
       />
     </div>
   </ModalBase>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const props = defineProps<{
   isOpen: boolean;
 }>();
diff --git a/frontend/components/modal/edit/text/ModalEditTextOrganization.vue b/frontend/components/modal/edit/text/ModalEditTextOrganization.vue
index db5e168e..8bf3172f 100644
--- a/frontend/components/modal/edit/text/ModalEditTextOrganization.vue
+++ b/frontend/components/modal/edit/text/ModalEditTextOrganization.vue
@@ -4,7 +4,7 @@
     <div class="flex flex-col space-y-7">
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("_global.about")
+          $t(i18nMap._global.about)
         }}</label>
         <textarea
           v-model="formData.description"
@@ -14,7 +14,7 @@
       </div>
       <div class="flex flex-col space-y-3 text-primary-text">
         <label for="textarea" class="responsive-h2">{{
-          $t("components._global.get_involved")
+          $t(i18nMap.components._global.get_involved)
         }}</label>
         <textarea
           v-model="formData.getInvolved"
@@ -25,9 +25,9 @@
       <div class="flex flex-col space-y-3 text-primary-text">
         <div class="flex flex-col space-y-2">
           <label for="input" class="responsive-h2">{{
-            $t("components.modal.edit._global.join_organization_link")
+            $t(i18nMap.components.modal.edit._global.join_organization_link)
           }}</label>
-          <p>{{ $t("components.modal.edit._global.remember_https") }}</p>
+          <p>{{ $t(i18nMap.components.modal.edit._global.remember_https) }}</p>
           <input
             v-model="formData.getInvolvedUrl"
             id="textarea"
@@ -38,9 +38,11 @@
       <BtnAction
         @click="handleSubmit()"
         :cta="true"
-        :label="$t('components.modal.edit._global.update_texts')"
+        :label="$t(i18nMap.components.modal.edit._global.update_texts)"
         fontSize="base"
-        :ariaLabel="$t('components.modal.edit._global.update_texts_aria_label')"
+        :ariaLabel="
+          $t(i18nMap.components.modal.edit._global.update_texts_aria_label)
+        "
       />
     </div>
   </ModalBase>
@@ -49,6 +51,7 @@
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
 import type { OrganizationUpdateTextFormData } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 
 const modalName = "ModalEditTextOrganization";
 const { handleCloseModal } = useModalHandlers(modalName);
diff --git a/frontend/components/modal/image/ModalImageBtn.vue b/frontend/components/modal/image/ModalImageBtn.vue
index 9fd8c1a6..006de66c 100644
--- a/frontend/components/modal/image/ModalImageBtn.vue
+++ b/frontend/components/modal/image/ModalImageBtn.vue
@@ -2,7 +2,7 @@
 <template>
   <button
     class="focus-brand h-min cursor-pointer p-4 md:float-right md:w-1/3 2xl:col-span-1 2xl:w-full"
-    :aria-label="$t('components.modal_image_btn.open_modal_aria_label')"
+    :aria-label="$t(i18nMap.components.modal_image_btn.open_modal_aria_label)"
   >
     <img
       v-if="$colorMode.value == 'light'"
@@ -18,6 +18,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 defineProps<{
   imgUrl: string;
   imageAltText: string;
diff --git a/frontend/components/modal/qr-code/ModalQRCode.vue b/frontend/components/modal/qr-code/ModalQRCode.vue
index d8800d47..99a36d77 100644
--- a/frontend/components/modal/qr-code/ModalQRCode.vue
+++ b/frontend/components/modal/qr-code/ModalQRCode.vue
@@ -3,7 +3,7 @@
   <ModalBase :modalName="modalName">
     <DialogTitle class="flex justify-between font-display">
       <p class="md:responsive-h2 text-3xl font-bold">
-        {{ $t("components.modal_qr_code.header") }}
+        {{ $t(i18nMap.components.modal_qr_code.header) }}
       </p>
     </DialogTitle>
     <div
@@ -12,51 +12,60 @@
       <div class="col-span-2 items-center space-y-4 text-left font-medium">
         <p v-if="organization">
           {{
-            $t("components.modal_qr_code.section_1_paragraph_1_organization")
+            $t(
+              i18nMap.components.modal_qr_code
+                .section_1_paragraph_1_organization
+            )
           }}&nbsp;
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_2") }}
+          {{ $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_2) }}
         </p>
         <p v-else-if="group">
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_group") }}&nbsp;
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_2") }}
+          {{
+            $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_group)
+          }}&nbsp;
+          {{ $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_2) }}
         </p>
         <p v-else-if="event">
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_event") }}&nbsp;
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_2") }}
+          {{
+            $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_event)
+          }}&nbsp;
+          {{ $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_2) }}
         </p>
         <p v-else-if="resource">
           {{
-            $t("components.modal_qr_code.section_1_paragraph_1_resource")
+            $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_resource)
           }}&nbsp;
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_2") }}
+          {{ $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_2) }}
         </p>
         <p v-else-if="user">
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_user") }}&nbsp;
-          {{ $t("components.modal_qr_code.section_1_paragraph_1_2") }}
+          {{
+            $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_user)
+          }}&nbsp;
+          {{ $t(i18nMap.components.modal_qr_code.section_1_paragraph_1_2) }}
         </p>
         <p>
-          {{ $t("components.modal_qr_code.subheader_2") }}
+          {{ $t(i18nMap.components.modal_qr_code.subheader_2) }}
         </p>
         <ul class="list-disc pl-6 md:pl-8">
           <li>
-            {{ $t("components.modal_qr_code.section_2_list_1_item_1") }}
+            {{ $t(i18nMap.components.modal_qr_code.section_2_list_1_item_1) }}
           </li>
           <li>
-            {{ $t("components.modal_qr_code.section_2_list_1_item_2") }}
+            {{ $t(i18nMap.components.modal_qr_code.section_2_list_1_item_2) }}
           </li>
           <li>
-            {{ $t("components.modal_qr_code.section_2_list_1_item_3") }}
+            {{ $t(i18nMap.components.modal_qr_code.section_2_list_1_item_3) }}
           </li>
         </ul>
         <!-- <p>
-            {{ $t("components.modal_qr_code.section-3-paragraph-1") }}
+            {{ $t(i18nMap.components.modal_qr_code.section-3-paragraph-1) }}
           </p> -->
         <BtnActionDropdown
           v-if="aboveMediumBP"
           @main-btn-clicked="handleMainBtnClicked"
           class="block w-fit"
           :cta="true"
-          :label="$t('components.modal_qr_code.download_qr_code')"
+          :label="$t(i18nMap.components.modal_qr_code.download_qr_code)"
           fontSize="lg"
           iconSize="1.25em"
           :dropdownIcon="IconMap.CHEVRON_DOWN"
@@ -64,7 +73,7 @@
           :dropdownOptionsCallback="downloadQRCode"
           ariaLabel="components.modal_qr_code.download_qr_code_aria_label"
           :ariaLabelDropdown="
-            $t('components.modal_qr_code.qr_code_options_aria_label')
+            $t(i18nMap.components.modal_qr_code.qr_code_options_aria_label)
           "
         />
       </div>
@@ -81,7 +90,7 @@
           @pointerdown="showTooltip = true"
           @pointerup="showTooltip = false"
           class="focus-brand flex cursor-pointer"
-          :ariaLabel="$t('components.modal_qr_code.aria_label')"
+          :ariaLabel="$t(i18nMap.components.modal_qr_code.aria_label)"
         >
           <ModalQRCodeImage
             ref="qrcode"
@@ -90,7 +99,7 @@
           />
           <TooltipBase
             v-show="showTooltip"
-            :text="$t('components.modal_qr_code.tooltip')"
+            :text="$t(i18nMap.components.modal_qr_code.tooltip)"
           />
         </button>
       </div>
@@ -99,15 +108,17 @@
         @main-btn-clicked="handleMainBtnClicked"
         class="w-fit"
         :cta="true"
-        :label="$t('components.modal_qr_code.download_qr_code')"
+        :label="$t(i18nMap.components.modal_qr_code.download_qr_code)"
         fontSize="lg"
         iconSize="1.25em"
         :dropdownIcon="IconMap.CHEVRON_DOWN"
         :dropdownOptions="availableFormats"
         :dropdownOptionsCallback="downloadQRCode"
-        :ariaLabel="$t('components.modal_qr_code.download_qr_code-aria-label')"
+        :ariaLabel="
+          $t(i18nMap.components.modal_qr_code.download_qr_code_aria_label)
+        "
         :ariaLabelDropdown="
-          $t('components.btn-action-dropdown.qr_code_options_aria_label')
+          $t(i18nMap.components.modal_qr_code.qr_code_options_aria_label)
         "
       />
     </div>
@@ -123,6 +134,7 @@ import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Event } from "~/types/events/event";
 import { IconMap } from "~/types/icon-map";
+import { i18nMap } from "~/types/i18n-map";
 
 const props = defineProps<{
   organization?: Organization;
diff --git a/frontend/components/modal/qr-code/ModalQRCodeBtn.vue b/frontend/components/modal/qr-code/ModalQRCodeBtn.vue
index 3023a5bb..e58e4707 100644
--- a/frontend/components/modal/qr-code/ModalQRCodeBtn.vue
+++ b/frontend/components/modal/qr-code/ModalQRCodeBtn.vue
@@ -7,20 +7,20 @@
     @click="openModal()"
     @keydown.enter="openModal()"
     class="elem-on-card-style focus-brand absolute right-0 flex h-10 w-10 cursor-pointer items-center justify-center rounded-md sm:h-16 sm:w-16"
-    :aria-label="$t('components.modal_qr_code_btn.open_modal_aria_label')"
+    :aria-label="$t(i18nMap.components.modal_qr_code_btn.open_modal_aria_label)"
   >
     <div class="sm:hidden">
       <Icon
         :name="IconMap.QR_CODE"
         size="2em"
-        :alt="$t('components.modal_qr_code_btn.img_alt_text')"
+        :alt="$t(i18nMap.components.modal_qr_code_btn.img_alt_text)"
       />
     </div>
     <div class="hidden sm:block">
       <Icon
         :name="IconMap.QR_CODE"
         size="3em"
-        :alt="$t('components.modal_qr_code_btn.img_alt_text')"
+        :alt="$t(i18nMap.components.modal_qr_code_btn.img_alt_text)"
       />
     </div>
   </button>
@@ -30,7 +30,7 @@
     @keydown.enter="openModal()"
     class="focus-brand dark:hover:distinct-text text-primary-text hover:text-distinct-text"
     :iconName="IconMap.QR_CODE"
-    :text="$t('components.modal_qr_code_btn.qr_code')"
+    :text="$t(i18nMap.components.modal_qr_code_btn.qr_code)"
     iconSize="1.5em"
     tabindex="0"
   />
@@ -56,6 +56,7 @@ import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Event } from "~/types/events/event";
 import { IconMap } from "~/types/icon-map";
+import { i18nMap } from "~/types/i18n-map";
 
 defineProps<{
   organization?: Organization;
diff --git a/frontend/components/modal/upload-images/ModalUploadImages.vue b/frontend/components/modal/upload-images/ModalUploadImages.vue
index 45a78b00..77158e0f 100644
--- a/frontend/components/modal/upload-images/ModalUploadImages.vue
+++ b/frontend/components/modal/upload-images/ModalUploadImages.vue
@@ -4,10 +4,10 @@
     <div>
       <DialogTitle>
         <p v-if="uploadLimit > 1" class="responsive-h2 font-bold">
-          {{ $t("components.modal_upload_images.upload_images") }}
+          {{ $t(i18nMap.components.modal_upload_images.upload_images) }}
         </p>
         <p v-else class="responsive-h2 font-bold">
-          {{ $t("components.modal_upload_images.upload_an_image") }}
+          {{ $t(i18nMap.components.modal_upload_images.upload_an_image) }}
         </p>
       </DialogTitle>
       <div class="mt-4">
@@ -17,34 +17,34 @@
           v-slot="{ isDropZoneActive }"
         >
           <span v-if="isDropZoneActive && uploadLimit > 1">{{
-            $t("components.modal_upload_images.drop_images")
+            $t(i18nMap.components.modal_upload_images.drop_images)
           }}</span>
           <span v-else-if="isDropZoneActive && uploadLimit == 1">{{
-            $t("components.modal_upload_images.drop_image")
+            $t(i18nMap.components.modal_upload_images.drop_image)
           }}</span>
           <span v-else-if="!isDropZoneActive && uploadLimit > 1">{{
-            $t("components.modal_upload_images.drag_images")
+            $t(i18nMap.components.modal_upload_images.drag_images)
           }}</span>
           <span v-else-if="!isDropZoneActive && uploadLimit == 1">{{
-            $t("components.modal_upload_images.drag_image")
+            $t(i18nMap.components.modal_upload_images.drag_image)
           }}</span>
         </ModalUploadImagesFileDropZone>
         <p class="py-2">
-          {{ $t("components.modal_upload_images.number_of_files") }}:
+          {{ $t(i18nMap.components.modal_upload_images.number_of_files) }}:
           {{ files.length }}
         </p>
         <p
           v-if="uploadLimit == 1 && files.length == uploadLimit"
           class="text-action-red"
         >
-          {{ $t("components.modal_upload_images.picture_limit_1") }}
+          {{ $t(i18nMap.components.modal_upload_images.picture_limit_1) }}
         </p>
         <p
           v-if="uploadLimit != 1 && files.length >= uploadLimit"
           class="text-action-red"
         >
           {{
-            $t("components.modal_upload_images.picture_limit_multiple", {
+            $t(i18nMap.components.modal_upload_images.picture_limit_multiple, {
               limit: uploadLimit,
             })
           }}
@@ -67,7 +67,7 @@
                   :src="file.url"
                   class="h-20 w-20 object-contain"
                   :alt="
-                    $t('components.modal_upload_images.upload_image') +
+                    $t(i18nMap.components.modal_upload_images.upload_image) +
                     ' ' +
                     file.name
                   "
@@ -78,7 +78,7 @@
           <BtnAction
             @click="true"
             :cta="true"
-            :label="$t('components.modal_upload_images.upload')"
+            :label="$t(i18nMap.components.modal_upload_images.upload)"
             fontSize="sm"
             :leftIcon="IconMap.ARROW_UP"
             iconSize="1.25em"
@@ -94,6 +94,7 @@
 <script setup lang="ts">
 import { DialogTitle } from "@headlessui/vue";
 import draggable from "vuedraggable";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { files, handleFiles, removeFile } = useFileManager();
diff --git a/frontend/components/page/PageBreadcrumbs.vue b/frontend/components/page/PageBreadcrumbs.vue
index 783029f6..38f6c734 100644
--- a/frontend/components/page/PageBreadcrumbs.vue
+++ b/frontend/components/page/PageBreadcrumbs.vue
@@ -1,6 +1,6 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
 <template>
-  <nav :aria-label="$t('components.page_breadcrumbs.aria_label')">
+  <nav :aria-label="$t(i18nMap.components.page_breadcrumbs.aria_label)">
     <ul class="flex flex-row flex-wrap text-sm md:text-base">
       <li
         v-for="(breadcrumb, index) in displayBreadcrumbs"
@@ -77,6 +77,7 @@ import { validate as isValidUUID } from "uuid";
 import type { Group } from "~/types/communities/group";
 import type { Organization } from "~/types/communities/organization";
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 
 const url = window.location.href;
 let pageType = "";
diff --git a/frontend/components/page/PageCommunityFooter.vue b/frontend/components/page/PageCommunityFooter.vue
index 39615859..584aefcc 100644
--- a/frontend/components/page/PageCommunityFooter.vue
+++ b/frontend/components/page/PageCommunityFooter.vue
@@ -6,86 +6,86 @@
     </p>
     <ul v-if="!helpNeeded" class="list-disc space-y-1 pb-1 pl-4 pt-3">
       <li>
-        {{ $t("components.page_community_footer.invite_text_2_1") }}
+        {{ $t(i18nMap.components.page_community_footer.invite_text_2_1) }}
         <a
           class="focus-brand link-text items-center"
           href="https://github.com/orgs/activist-org"
           target="_blank"
         >
-          {{ $t("_global.on_github") }}
+          {{ $t(i18nMap._global.on_github) }}
           <Icon
             :name="IconMap.EXTERNAL_LINK"
             size="1em"
             style="vertical-align: baseline"
           />
         </a>
-        {{ $t("components.page_community_footer.invite_text_2_3") }}
+        {{ $t(i18nMap.components.page_community_footer.invite_text_2_3) }}
       </li>
       <li>
-        {{ $t("components.page_community_footer.invite_text_3_1") }}
+        {{ $t(i18nMap.components.page_community_footer.invite_text_3_1) }}
         <a
           class="focus-brand link-text items-center"
           href="https://matrix.to/#/#activist_community:matrix.org"
           target="_blank"
         >
-          {{ $t("_global.public_matrix_chat_rooms") }}
+          {{ $t(i18nMap._global.public_matrix_chat_rooms) }}
           <Icon
             :name="IconMap.EXTERNAL_LINK"
             size="1em"
             style="vertical-align: baseline"
           />
         </a>
-        {{ $t("components.page_community_footer.invite_text_3_3") }}
+        {{ $t(i18nMap.components.page_community_footer.invite_text_3_3) }}
       </li>
       <li>
-        {{ $t("components.page_community_footer.visit_our") }}
+        {{ $t(i18nMap.components.page_community_footer.visit_our) }}
         <a
           class="focus-brand link-text items-center"
           href="https://hosted.weblate.org/projects/activist/activist"
           target="_blank"
         >
-          {{ $t("components.page_community_footer.invite_text_4_2") }}
+          {{ $t(i18nMap.components.page_community_footer.invite_text_4_2) }}
           <Icon
             :name="IconMap.EXTERNAL_LINK"
             size="1em"
             style="vertical-align: baseline"
           />
         </a>
-        {{ $t("components.page_community_footer.invite_text_4_3") }}
+        {{ $t(i18nMap.components.page_community_footer.invite_text_4_3) }}
       </li>
     </ul>
     <ul v-else class="list-disc space-y-1 pb-1 pl-4 pt-3">
       <li>
-        {{ $t("components.page_community_footer.need_help_text_1_1") }}
+        {{ $t(i18nMap.components.page_community_footer.need_help_text_1_1) }}
         <a
           class="focus-brand link-text items-center"
           href="https://matrix.to/#/#activist_community:matrix.org"
           target="_blank"
         >
-          {{ $t("_global.public_matrix_chat_rooms") }}
+          {{ $t(i18nMap._global.public_matrix_chat_rooms) }}
           <Icon
             :name="IconMap.EXTERNAL_LINK"
             size="1em"
             style="vertical-align: baseline"
           />
         </a>
-        {{ $t("components.page_community_footer.need_help_text_1_3") }}
+        {{ $t(i18nMap.components.page_community_footer.need_help_text_1_3) }}
       </li>
       <li>
-        {{ $t("components.page_community_footer.need_help_text_2_1") }}
+        {{ $t(i18nMap.components.page_community_footer.need_help_text_2_1) }}
         <a
           class="focus-brand link-text items-center"
           href="https://github.com/orgs/activist-org"
           target="_blank"
         >
-          {{ $t("components._global.github") }}
+          {{ $t(i18nMap.components._global.github) }}
           <Icon
             :name="IconMap.EXTERNAL_LINK"
             size="1em"
             style="vertical-align: baseline"
           />
         </a>
-        {{ $t("components.page_community_footer.need_help_text_2_3") }}
+        {{ $t(i18nMap.components.page_community_footer.need_help_text_2_3) }}
       </li>
     </ul>
   </div>
@@ -96,6 +96,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 export interface Props {
diff --git a/frontend/components/page/PageFilter.vue b/frontend/components/page/PageFilter.vue
index 43b207d3..6e101c2a 100644
--- a/frontend/components/page/PageFilter.vue
+++ b/frontend/components/page/PageFilter.vue
@@ -60,7 +60,7 @@
           >
             <TooltipBase
               class="invisible -mt-8"
-              :text="$t('components._global.slash_tooltip_label')"
+              :text="$t(i18nMap.components._global.slash_tooltip_label)"
             />
             <p class="-mt-[0.075rem]">/</p>
           </div>
@@ -70,7 +70,7 @@
           >
             <TooltipBase
               class="invisible -mt-8"
-              :text="$t('components._global.command_tooltip_label')"
+              :text="$t(i18nMap.components._global.command_tooltip_label)"
             />
             <p>⌘k</p>
           </div>
@@ -80,7 +80,7 @@
           >
             <TooltipBase
               class="invisible -mt-8"
-              :text="$t('components._global.control_tooltip_label')"
+              :text="$t(i18nMap.components._global.control_tooltip_label)"
             />
             <p>⌃k</p>
           </div>
@@ -127,6 +127,7 @@
 <script setup lang="ts">
 import { useMagicKeys, whenever } from "@vueuse/core";
 import { ref } from "vue";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 interface Tag {
diff --git a/frontend/components/shield/ShieldPrivate.vue b/frontend/components/shield/ShieldPrivate.vue
index 015c09fc..86fc92d0 100644
--- a/frontend/components/shield/ShieldPrivate.vue
+++ b/frontend/components/shield/ShieldPrivate.vue
@@ -18,12 +18,13 @@
       :size="iconSize"
     />
     <span class="mx-auto ml-2 hidden md:block">{{
-      $t("components.shield_private.private")
+      $t(i18nMap.components.shield_private.private)
     }}</span>
   </div>
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 export interface Props {
diff --git a/frontend/components/sidebar/left/SidebarLeftHeader.vue b/frontend/components/sidebar/left/SidebarLeftHeader.vue
index 1eaeb60c..56d0e7f3 100644
--- a/frontend/components/sidebar/left/SidebarLeftHeader.vue
+++ b/frontend/components/sidebar/left/SidebarLeftHeader.vue
@@ -46,7 +46,9 @@
             'pb-1 pl-0.5': sidebar.collapsedSwitch == true,
           }"
           :aria-label="
-            $t('components.sidebar_left_header.sidebar_collapse_aria_label')
+            $t(
+              i18nMap.components.sidebar_left_header.sidebar_collapse_aria_label
+            )
           "
         >
           <SidebarLeftToggle chevronDirection="right" iconSize="1.4em" />
@@ -57,6 +59,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 defineProps<{
   atTopShadow: boolean;
 }>();
diff --git a/frontend/components/sidebar/left/SidebarLeftSelector.vue b/frontend/components/sidebar/left/SidebarLeftSelector.vue
index f37d30c1..98d5c98e 100644
--- a/frontend/components/sidebar/left/SidebarLeftSelector.vue
+++ b/frontend/components/sidebar/left/SidebarLeftSelector.vue
@@ -12,11 +12,11 @@
           v-if="sidebar.collapsed == false || sidebar.collapsedSwitch == false"
           class="select-none whitespace-nowrap"
         >
-          <span class="sr-only">{{ $t("_global.navigate_to") }}</span>
+          <span class="sr-only">{{ $t(i18nMap._global.navigate_to) }}</span>
           {{ $t(label) }}
         </p>
         <span v-else class="sr-only"
-          >{{ $t("_global.navigate_to") }} {{ $t(label) }}</span
+          >{{ $t(i18nMap._global.navigate_to) }} {{ $t(label) }}</span
         >
       </Transition>
     </div>
@@ -24,6 +24,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 defineProps<{
   label: string;
   routeUrl: string;
diff --git a/frontend/components/sidebar/left/index/SidebarLeftIndex.vue b/frontend/components/sidebar/left/index/SidebarLeftIndex.vue
index fa84cc27..dbf53521 100644
--- a/frontend/components/sidebar/left/index/SidebarLeftIndex.vue
+++ b/frontend/components/sidebar/left/index/SidebarLeftIndex.vue
@@ -27,7 +27,7 @@
           class="elem-shadow-sm"
           :imgUrl="logoUrl"
           :alt="
-            $t('_global.entity_logo', {
+            $t(i18nMap._global.entity_logo, {
               entity_name: name,
             })
           "
@@ -55,7 +55,7 @@
           class="elem-shadow-sm"
           eventType="action"
           :alt="
-            $t('_global.entity_logo', {
+            $t(i18nMap._global.entity_logo, {
               entity_name: name,
             })
           "
@@ -94,6 +94,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import { SidebarType } from "~/types/sidebar-type";
 
diff --git a/frontend/components/sidebar/right/SidebarRightHamburger.vue b/frontend/components/sidebar/right/SidebarRightHamburger.vue
index b14d29b1..f62d47af 100644
--- a/frontend/components/sidebar/right/SidebarRightHamburger.vue
+++ b/frontend/components/sidebar/right/SidebarRightHamburger.vue
@@ -5,7 +5,9 @@
       @click="$emit('toggle')"
       id="sidebar-right-hamburger"
       class="focus-brand group relative z-50 outline-offset-4"
-      :aria-label="$t('components.sidebar_right_hamburger.collapse_aria_label')"
+      :aria-label="
+        $t(i18nMap.components.sidebar_right_hamburger.collapse_aria_label)
+      "
     >
       <div
         class="relative flex h-[20px] w-[30px] transform items-center justify-center bg-transparent transition-all duration-200"
@@ -32,6 +34,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 export interface Props {
   menuOpen: boolean;
 }
diff --git a/frontend/components/tooltip/TooltipDiscussionWarning.vue b/frontend/components/tooltip/TooltipDiscussionWarning.vue
index 115e187b..45456f0a 100644
--- a/frontend/components/tooltip/TooltipDiscussionWarning.vue
+++ b/frontend/components/tooltip/TooltipDiscussionWarning.vue
@@ -1,14 +1,24 @@
 <!-- SPDX-License-Identifier: AGPL-3.0-or-later -->
 <template>
   <TooltipBase
-    :text="$t('components.tooltip_discussion_warning.text')"
+    :text="$t(i18nMap.components.tooltip_discussion_warning.text)"
     class="w-fit md:right-0"
   >
     <ul class="w-72 list-disc space-y-1 pl-6 text-left md:w-96">
-      <li>{{ $t("components.tooltip_discussion_warning.names") }}</li>
-      <li>{{ $t("components.tooltip_discussion_warning.home_addresses") }}</li>
-      <li>{{ $t("components.tooltip_discussion_warning.phone_numbers") }}</li>
-      <li>{{ $t("components.tooltip_discussion_warning.email_addresses") }}</li>
+      <li>{{ $t(i18nMap.components.tooltip_discussion_warning.names) }}</li>
+      <li>
+        {{ $t(i18nMap.components.tooltip_discussion_warning.home_addresses) }}
+      </li>
+      <li>
+        {{ $t(i18nMap.components.tooltip_discussion_warning.phone_numbers) }}
+      </li>
+      <li>
+        {{ $t(i18nMap.components.tooltip_discussion_warning.email_addresses) }}
+      </li>
     </ul>
   </TooltipBase>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/tooltip/TooltipPasswordRequirements.vue b/frontend/components/tooltip/TooltipPasswordRequirements.vue
index 85d249f4..57cd2e57 100644
--- a/frontend/components/tooltip/TooltipPasswordRequirements.vue
+++ b/frontend/components/tooltip/TooltipPasswordRequirements.vue
@@ -4,7 +4,9 @@
     class="z-20 min-w-[200px] pb-4 pt-2 transition delay-150 ease-in-out md:min-w-[450px]"
   >
     <span class="mb-2 px-2">{{
-      $t("components.tooltip_password_requirements.password_rules_message")
+      $t(
+        i18nMap.components.tooltip_password_requirements.password_rules_message
+      )
     }}</span>
     <div
       v-for="(rule, index) in rules"
@@ -24,6 +26,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { PasswordRules } from "~/types/password-rules";
 
diff --git a/frontend/components/tooltip/TooltipSignIn.vue b/frontend/components/tooltip/TooltipSignIn.vue
index 7288495e..5f4ab07a 100644
--- a/frontend/components/tooltip/TooltipSignIn.vue
+++ b/frontend/components/tooltip/TooltipSignIn.vue
@@ -2,7 +2,7 @@
 <template>
   <TooltipBase
     header="Restricted content"
-    :text="$t('components.tooltip_sign_in.text')"
+    :text="$t(i18nMap.components.tooltip_sign_in.text)"
   >
     <div class="grid w-max grid-cols-1 gap-4 md:grid-cols-2">
       <BtnRouteInternal
@@ -11,7 +11,7 @@
         linkTo="/auth/sign-in"
         :cta="true"
         fontSize="lg"
-        :ariaLabel="$t('_global.sign_in_aria_label')"
+        :ariaLabel="$t(i18nMap._global.sign_in_aria_label)"
       />
       <BtnRouteInternal
         class="flex max-h-[40px] items-center justify-center truncate"
@@ -19,8 +19,12 @@
         linkTo="/auth/sign-up"
         :cta="true"
         fontSize="lg"
-        :ariaLabel="$t('_global.sign_up_aria_label')"
+        :ariaLabel="$t(i18nMap._global.sign_up_aria_label)"
       />
     </div>
   </TooltipBase>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultEvent.vue b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultEvent.vue
index cb3d1e0d..c95f5293 100644
--- a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultEvent.vue
+++ b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultEvent.vue
@@ -9,7 +9,7 @@
         label="_global.support"
         leftIcon="IconSupport"
         fontSize="lg"
-        :ariaLabel="$t('_global.support_event_aria_label')"
+        :ariaLabel="$t(i18nMap._global.support_event_aria_label)"
       /> -->
       <!-- <BtnAction
         class="flex max-h-[40px] w-full items-center"
@@ -17,7 +17,7 @@
         label="components.tooltip_menu_search_result_event.attend"
         leftIcon="IconJoin"
         fontSize="lg"
-        :ariaLabel="$t('components.tooltip_menu_search_result_event.attend_aria_label')"
+        :ariaLabel="$t(i18nMap.components.tooltip_menu_search_result_event.attend_aria_label)"
       /> -->
       <BtnAction
         @click="openModal()"
@@ -28,7 +28,7 @@
         label="_global.share"
         :rightIcon="IconMap.SHARE"
         fontSize="lg"
-        :ariaLabel="$t('_global.share_event_aria_label')"
+        :ariaLabel="$t(i18nMap._global.share_event_aria_label)"
       />
       <ModalSharePage
         @closeModal="handleCloseModal"
@@ -42,6 +42,7 @@
 
 <script setup lang="ts">
 import type { Event } from "~/types/events/event";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultGroup.vue b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultGroup.vue
index 12f97787..0b30ca0c 100644
--- a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultGroup.vue
+++ b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultGroup.vue
@@ -9,7 +9,7 @@
         label="_global.support"
         leftIcon="IconSupport"
         fontSize="lg"
-        :ariaLabel="$t('_global.support_organization_aria_label')"
+        :ariaLabel="$t(i18nMap._global.support_organization_aria_label)"
       /> -->
       <!-- <BtnRouteInternal
         class="flex max-h-[40px] w-full"
@@ -19,7 +19,7 @@
         linkTo="/"
         fontSize="lg"
         :ariaLabel="
-          $t('_global.join_organization_aria_label')
+          $t(i18nMap._global.join_organization_aria_label)
         "
       /> -->
       <BtnAction
@@ -32,7 +32,7 @@
         label="_global.share"
         :rightIcon="IconMap.SHARE"
         fontSize="lg"
-        :ariaLabel="$t('_global.share_organization_aria_label')"
+        :ariaLabel="$t(i18nMap._global.share_organization_aria_label)"
       />
       <ModalSharePage
         v-if="group"
@@ -47,6 +47,7 @@
 
 <script setup lang="ts">
 import type { Group } from "~/types/communities/group";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultOrganization.vue b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultOrganization.vue
index fc9e39b6..9da86dcd 100644
--- a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultOrganization.vue
+++ b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultOrganization.vue
@@ -9,7 +9,7 @@
         label="_global.support"
         leftIcon="IconSupport"
         fontSize="lg"
-        :ariaLabel="$t('_global.support_organization_aria_label')"
+        :ariaLabel="$t(i18nMap._global.support_organization_aria_label)"
       /> -->
       <!-- <BtnRouteInternal
         class="flex max-h-[40px] w-full"
@@ -19,7 +19,7 @@
         linkTo="/"
         fontSize="lg"
         :ariaLabel="
-          $t('_global.join_organization_aria_label')
+          $t(i18nMap._global.join_organization_aria_label)
         "
       /> -->
       <BtnAction
@@ -32,7 +32,7 @@
         label="_global.share"
         :rightIcon="IconMap.SHARE"
         fontSize="lg"
-        :ariaLabel="$t('_global.share_organization_aria_label')"
+        :ariaLabel="$t(i18nMap._global.share_organization_aria_label)"
       />
       <ModalSharePage
         v-if="organization"
@@ -47,6 +47,7 @@
 
 <script setup lang="ts">
 import type { Organization } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultResource.vue b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultResource.vue
index 3b8ac789..b71af27d 100644
--- a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultResource.vue
+++ b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultResource.vue
@@ -9,7 +9,7 @@
         label="components._global.star"
         :leftIcon="IconMap.STAR"
         fontSize="lg"
-        :ariaLabel="$t('components._global.star')"
+        :ariaLabel="$t(i18nMap.components._global.star)"
       /> -->
       <BtnAction
         @click="openModal()"
@@ -20,7 +20,7 @@
         label="_global.share"
         :rightIcon="IconMap.SHARE"
         fontSize="lg"
-        :ariaLabel="$t('components.btn-action.share')"
+        :ariaLabel="$t(i18nMap._global.share)"
       />
       <ModalSharePage
         @closeModal="handleCloseModal"
@@ -34,6 +34,7 @@
 
 <script setup lang="ts">
 import type { Resource } from "~/types/content/resource";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultUser.vue b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultUser.vue
index 854c8e7b..7f0732f0 100644
--- a/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultUser.vue
+++ b/frontend/components/tooltip/menu-search-result/TooltipMenuSearchResultUser.vue
@@ -9,7 +9,7 @@
         label="_global.support"
         leftIcon="IconSupport"
         fontSize="lg"
-        :ariaLabel="$t('components.tooltip_menu_search_result_user.support_user_aria_label')"
+        :ariaLabel="$t(i18nMap.components.tooltip_menu_search_result_user.support_user_aria_label)"
       /> -->
       <BtnAction
         @click="openModal()"
@@ -21,7 +21,10 @@
         :rightIcon="IconMap.SHARE"
         fontSize="lg"
         :ariaLabel="
-          $t('components.tooltip_menu_search_result_user.share_user_aria_label')
+          $t(
+            i18nMap.components.tooltip_menu_search_result_user
+              .share_user_aria_label
+          )
         "
       />
       <ModalSharePage
@@ -36,6 +39,7 @@
 
 <script setup lang="ts">
 import type { User } from "~/types/auth/user";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 defineProps<{
diff --git a/frontend/error.vue b/frontend/error.vue
index 763de212..d236b246 100644
--- a/frontend/error.vue
+++ b/frontend/error.vue
@@ -3,7 +3,7 @@
   <HeaderWebsite />
   <div class="flex h-full bg-layer-0">
     <Head>
-      <Title>{{ $t("error.title") }}</Title>
+      <Title>{{ $t(i18nMap.error.title) }}</Title>
     </Head>
     <div
       class="container relative mx-auto my-[10%] flex flex-col items-center justify-center space-x-0 space-y-10 text-center md:flex-row md:space-x-8 md:space-y-0 md:text-left xl:space-x-12"
@@ -22,7 +22,7 @@
         <div
           class="mt-4 flex flex-wrap font-['Copperplate_Gothic_Light'] text-lg text-primary-text md:mt-0 md:text-xl"
         >
-          {{ $t("error.message") }}
+          {{ $t(i18nMap.error.message) }}
         </div>
         <div
           class="my-8 flex flex-wrap justify-center break-all text-distinct-text md:my-6 md:text-lg"
@@ -43,6 +43,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "./types/i18n-map";
+
 class HTTPError extends Error {
   statusCode: number;
 
diff --git a/frontend/i18n/check/run_i18n_checks.py b/frontend/i18n/check/run_i18n_checks.py
index e097fd8a..bfc6d8e8 100644
--- a/frontend/i18n/check/run_i18n_checks.py
+++ b/frontend/i18n/check/run_i18n_checks.py
@@ -41,7 +41,7 @@ def main():
         "i18n_check_non_source_keys.py",
         "i18n_check_unused_keys.py",
         "i18n_check_repeat_values.py",
-        # "i18n_check_map_object.py",
+        "i18n_check_map_object.py",
     ]
 
     for check in checks:
diff --git a/frontend/pages/auth/index.vue b/frontend/pages/auth/index.vue
index dbc03837..600b6274 100644
--- a/frontend/pages/auth/index.vue
+++ b/frontend/pages/auth/index.vue
@@ -4,7 +4,7 @@
     class="flex w-full flex-col items-center justify-center space-y-10 sm:pt-2 lg:pt-4"
   >
     <span class="responsive-h3">{{
-      $t("pages.auth.index.where_to_start")
+      $t(i18nMap.pages.auth.index.where_to_start)
     }}</span>
     <div
       class="grid w-full max-w-[60%] grid-cols-1 grid-rows-2 gap-y-4 sm:max-w-[50%] md:max-w-[60%] xl:max-w-[50%]"
@@ -28,3 +28,7 @@
     </div>
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/pages/auth/reset-password.vue b/frontend/pages/auth/reset-password.vue
index 0795a1e0..e0adafc9 100644
--- a/frontend/pages/auth/reset-password.vue
+++ b/frontend/pages/auth/reset-password.vue
@@ -2,30 +2,34 @@
 <template>
   <div class="px-4 sm:px-6 md:px-8 xl:px-24 2xl:px-36">
     <form class="space-y-4">
-      <p>{{ $t("pages.auth.reset_password.index.reset_password_info") }}</p>
+      <p>
+        {{ $t(i18nMap.pages.auth.reset_password.index.reset_password_info) }}
+      </p>
       <FormTextInput
         @update:model-value="input = $event"
-        :placeholder="$t('pages.auth.reset_password.enter_username_mail')"
+        :placeholder="$t(i18nMap.pages.auth.reset_password.enter_username_mail)"
         :model-value="input"
       />
       <div class="pt-4">
         <BtnAction
           class="flex max-h-[48px] items-center justify-center truncate md:max-h-[40px]"
-          :label="$t('_global.auth.reset_password')"
+          :label="$t(i18nMap._global.auth.reset_password)"
           :cta="true"
           fontSize="lg"
-          :ariaLabel="$t('_global.auth.reset_password')"
+          :ariaLabel="$t(i18nMap._global.auth.reset_password)"
         />
       </div>
       <div class="link-text pt-16 text-center text-xl font-extrabold">
         <NuxtLink :to="localePath('/auth/sign-in')"
-          >{{ $t("pages.auth.reset_password.index.back_to_sign_in") }}
+          >{{ $t(i18nMap.pages.auth.reset_password.index.back_to_sign_in) }}
         </NuxtLink>
       </div>
     </form>
   </div>
 </template>
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 const input = ref("");
diff --git a/frontend/pages/auth/set-password.vue b/frontend/pages/auth/set-password.vue
index 8ccc222e..2f68e26a 100644
--- a/frontend/pages/auth/set-password.vue
+++ b/frontend/pages/auth/set-password.vue
@@ -4,7 +4,7 @@
     <form class="space-y-4">
       <FormTextInput
         @update:model-value="userNameValue = $event"
-        :placeholder="$t('pages.auth._global.enter_user_name')"
+        :placeholder="$t(i18nMap.pages.auth._global.enter_user_name)"
         :model-value="userNameValue"
       />
       <FormTextInput
@@ -18,7 +18,7 @@
           isFocused = true;
           isBlurred = false;
         "
-        :placeholder="$t('_global.enter_password')"
+        :placeholder="$t(i18nMap._global.enter_password)"
         :is-icon-visible="true"
         input-type="password"
         :model-value="passwordValue"
@@ -36,7 +36,7 @@
       />
       <FormTextInput
         @update:model-value="confirmPasswordValue = $event"
-        :placeholder="$t('_global.repeat_password')"
+        :placeholder="$t(i18nMap._global.repeat_password)"
         :is-icon-visible="true"
         input-type="password"
         :model-value="confirmPasswordValue"
@@ -49,16 +49,17 @@
       <div class="pt-4">
         <BtnAction
           class="flex max-h-[48px] items-center justify-center truncate md:max-h-[40px]"
-          :label="$t('pages.auth.set_password.set_password')"
+          :label="$t(i18nMap.pages.auth.set_password.set_password)"
           :cta="true"
           fontSize="lg"
-          :ariaLabel="$t('pages.auth.set_password.set_password')"
+          :ariaLabel="$t(i18nMap.pages.auth.set_password.set_password)"
         />
       </div>
     </form>
   </div>
 </template>
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const userNameValue = ref("");
diff --git a/frontend/pages/auth/sign-in.vue b/frontend/pages/auth/sign-in.vue
index 917d84dc..788f6fee 100644
--- a/frontend/pages/auth/sign-in.vue
+++ b/frontend/pages/auth/sign-in.vue
@@ -7,7 +7,7 @@
           @update:model-value="userNameValue = $event"
           @keydown.enter.prevent="signInUser"
           id="sign-in-username"
-          :placeholder="$t('pages.auth._global.enter_user_name')"
+          :placeholder="$t(i18nMap.pages.auth._global.enter_user_name)"
           :model-value="userNameValue"
         />
       </div>
@@ -16,7 +16,7 @@
           @update:model-value="passwordValue = $event"
           @keydown.enter.prevent="signInUser"
           id="sign-in-password"
-          :placeholder="$t('_global.enter_password')"
+          :placeholder="$t(i18nMap._global.enter_password)"
           :is-icon-visible="true"
           input-type="password"
           :model-value="passwordValue"
@@ -40,28 +40,28 @@
           class="text-start font-bold"
           :class="{ 'link-text': !isForgotPasswordDisabled }"
         >
-          {{ $t("_global.auth.reset_password_forgot_password") }}
+          {{ $t(i18nMap._global.auth.reset_password_forgot_password) }}
         </button>
         <TooltipBase
           v-if="isForgotPasswordDisabled && hovered"
-          :text="$t('pages.auth.sign_in.forgot_password_captcha_tooltip')"
+          :text="$t(i18nMap.pages.auth.sign_in.forgot_password_captcha_tooltip)"
         />
         <BtnAction
           id="sign-in-submit"
           class="flex max-h-[48px] w-[116px] items-center justify-center truncate md:max-h-[40px] md:w-[96px]"
-          :label="$t('_global.sign_in')"
+          :label="$t(i18nMap._global.sign_in)"
           :cta="true"
           fontSize="lg"
-          :ariaLabel="$t('_global.sign_in_aria_label')"
+          :ariaLabel="$t(i18nMap._global.sign_in_aria_label)"
         />
       </div>
       <div class="flex pt-4 md:justify-center md:pt-6 lg:pt-8">
-        <h6>{{ $t("pages.auth.sign_in.index.no_account") }}</h6>
+        <h6>{{ $t(i18nMap.pages.auth.sign_in.index.no_account) }}</h6>
         <NuxtLink
           id="sign-in-signup-link"
           :to="localePath('/auth/sign-up')"
           class="link-text ml-2 font-extrabold"
-          >{{ $t("_global.sign_up") }}
+          >{{ $t(i18nMap._global.sign_up) }}
         </NuxtLink>
       </div>
     </form>
@@ -69,6 +69,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const localePath = useLocalePath();
diff --git a/frontend/pages/auth/sign-up.vue b/frontend/pages/auth/sign-up.vue
index 8922b9a2..cb79b7ca 100644
--- a/frontend/pages/auth/sign-up.vue
+++ b/frontend/pages/auth/sign-up.vue
@@ -5,7 +5,7 @@
       <div class="col">
         <FormTextInput
           @update:model-value="userNameValue = $event"
-          :placeholder="$t('pages.auth.sign_up.index.enter_user_name')"
+          :placeholder="$t(i18nMap.pages.auth.sign_up.index.enter_user_name)"
           :model-value="userNameValue"
         />
       </div>
@@ -21,7 +21,7 @@
             isFocused = true;
             isBlurred = false;
           "
-          :placeholder="$t('_global.enter_password')"
+          :placeholder="$t(i18nMap._global.enter_password)"
           :is-icon-visible="true"
           input-type="password"
           :model-value="passwordValue"
@@ -41,7 +41,7 @@
       <div>
         <FormTextInput
           @update:model-value="confirmPasswordValue = $event"
-          :placeholder="$t('_global.repeat_password')"
+          :placeholder="$t(i18nMap._global.repeat_password)"
           :is-icon-visible="true"
           input-type="password"
           :model-value="confirmPasswordValue"
@@ -61,12 +61,12 @@
             value="yes"
           />
           <p class="flex flex-wrap pl-2">
-            {{ $t("pages._global.terms_of_service_pt_1") }}
+            {{ $t(i18nMap.pages._global.terms_of_service_pt_1) }}
             <NuxtLink
               :to="localePath('/legal/privacy-policy')"
               target="_blank"
               class="link-text ml-1 sm:block"
-              >{{ $t("pages._global.terms_of_service_pt_2") }}
+              >{{ $t(i18nMap.pages._global.terms_of_service_pt_2) }}
             </NuxtLink>
           </p>
         </div>
@@ -79,11 +79,11 @@
         />
       </div>
       <div class="flex justify-center pt-4 md:pt-6 lg:pt-8">
-        <h6>{{ $t("pages.auth.sign_up.index.have_account") }}</h6>
+        <h6>{{ $t(i18nMap.pages.auth.sign_up.index.have_account) }}</h6>
         <NuxtLink
           :to="localePath('/auth/sign-in')"
           class="link-text ml-2 font-extrabold"
-          >{{ $t("_global.sign_in") }}</NuxtLink
+          >{{ $t(i18nMap._global.sign_in) }}</NuxtLink
         >
       </div>
     </form>
@@ -91,6 +91,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const localePath = useLocalePath();
diff --git a/frontend/pages/contact.vue b/frontend/pages/contact.vue
index fe196791..5b60354f 100644
--- a/frontend/pages/contact.vue
+++ b/frontend/pages/contact.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="bg-layer-0 text-primary-text">
     <Head>
-      <Title>{{ $t("_global.contact") }}</Title>
+      <Title>{{ $t(i18nMap._global.contact) }}</Title>
     </Head>
     <PageDocs
       :imgUrl="BOOTSTRAP_ENVELOPE_URL"
@@ -13,7 +13,7 @@
         class="items-center space-y-4 text-left md:items-start"
       >
         <h1 class="responsive-h1 pb-2 font-bold">
-          {{ $t("pages.contact.header") }}
+          {{ $t(i18nMap.pages.contact.header) }}
         </h1>
         <div class="flex flex-row space-x-3 py-2">
           <Icon
@@ -22,13 +22,13 @@
             size="1.25em"
           />
           <p>
-            {{ $t("pages.contact.subheader_1") }}
+            {{ $t(i18nMap.pages.contact.subheader_1) }}
             <a
               class="focus-brand link-text items-center"
               href="https://matrix.to/#/#activist_community:matrix.org"
               target="_blank"
             >
-              {{ $t("_global.public_matrix_chat_rooms") }}
+              {{ $t(i18nMap._global.public_matrix_chat_rooms) }}
               <Icon
                 :name="IconMap.EXTERNAL_LINK"
                 size="1em"
@@ -40,34 +40,34 @@
         </div>
         <div class="flex flex-col space-y-4 lg:space-y-6">
           <p>
-            {{ $t("pages.contact.section_1_paragraph_1_1") }}
+            {{ $t(i18nMap.pages.contact.section_1_paragraph_1_1) }}
             <a
               class="focus-brand link-text items-center"
               href="https://matrix.to/#/#activist_community:matrix.org"
             >
-              {{ $t("_global.public_matrix_chat_rooms") }}
+              {{ $t(i18nMap._global.public_matrix_chat_rooms) }}
               <Icon
                 :name="IconMap.EXTERNAL_LINK"
                 size="1em"
                 style="vertical-align: baseline"
               />
             </a>
-            {{ $t("pages.contact.section_1_paragraph_1_3") }}
+            {{ $t(i18nMap.pages.contact.section_1_paragraph_1_3) }}
             <a
               class="focus-brand link-text items-center"
               href="https://github.com/activist-org/activist"
             >
-              {{ $t("_global.on_github") }}
+              {{ $t(i18nMap._global.on_github) }}
               <Icon
                 :name="IconMap.EXTERNAL_LINK"
                 size="1em"
                 style="vertical-align: baseline"
               />
             </a>
-            {{ $t("pages.contact.section_1_paragraph_1_5") }}
+            {{ $t(i18nMap.pages.contact.section_1_paragraph_1_5) }}
           </p>
           <p>
-            {{ $t("pages.contact.section_1_paragraph_2_1") }}
+            {{ $t(i18nMap.pages.contact.section_1_paragraph_2_1) }}
             <a class="focus-brand link-text" href="mailto:team@activist.org">
               team@activist.org
               <Icon
@@ -75,13 +75,13 @@
                 size="1em"
                 style="vertical-align: baseline" /></a
             >.
-            {{ $t("pages.contact.section_1_paragraph_2_2") }}
+            {{ $t(i18nMap.pages.contact.section_1_paragraph_2_2) }}
             <a
               class="focus-brand link-text items-center"
               href="https://github.com/activist-org/activist/blob/main/.github/CODE_OF_CONDUCT.md"
               target="_blank"
             >
-              {{ $t("pages.contact.section_1_paragraph_2_3") }}
+              {{ $t(i18nMap.pages.contact.section_1_paragraph_2_3) }}
               <Icon
                 :name="IconMap.EXTERNAL_LINK"
                 size="1em"
@@ -98,9 +98,9 @@
                   'text-primary-text': nameValidated,
                 }"
                 for="name"
-                >{{ $t("pages.contact.name") }}
+                >{{ $t(i18nMap.pages.contact.name) }}
                 <span v-if="!nameValidated">{{
-                  $t("pages.contact.error_empty")
+                  $t(i18nMap.pages.contact.error_empty)
                 }}</span></label
               >
               <input
@@ -112,7 +112,7 @@
                   'outline outline-2 outline-action-red': !nameValidated,
                   'outline-none focus:outline-none': nameValidated,
                 }"
-                :placeholder="$t('pages.contact.name_placeholder')"
+                :placeholder="$t(i18nMap.pages.contact.name_placeholder)"
                 autocomplete="off"
                 spellcheck="false"
               />
@@ -124,9 +124,12 @@
                   'text-primary-text': emailValidated,
                 }"
                 for="email"
-                >{{ $t("pages.contact.email_label") }}
+                >{{ $t(i18nMap.pages.contact.email_label) }}
                 <span v-if="!emailValidated"
-                  >{{ $t("pages.contact.valid") }} (example@mail.com).</span
+                  >{{
+                    $t(i18nMap.pages.contact.valid)
+                  }}
+                  (example@mail.com).</span
                 ></label
               >
               <input
@@ -138,7 +141,7 @@
                   'outline outline-2 outline-action-red': !emailValidated,
                   'outline-none focus:outline-none': emailValidated,
                 }"
-                :placeholder="$t('pages.contact.email_placeholder')"
+                :placeholder="$t(i18nMap.pages.contact.email_placeholder)"
                 autocomplete="off"
                 spellcheck="false"
               />
@@ -150,9 +153,9 @@
                   'text-primary-text': subjectValidated,
                 }"
                 for="subject"
-                >{{ $t("pages.contact.subject_label") }}
+                >{{ $t(i18nMap.pages.contact.subject_label) }}
                 <span v-if="!subjectValidated">{{
-                  $t("pages.contact.error_empty")
+                  $t(i18nMap.pages.contact.error_empty)
                 }}</span></label
               >
               <input
@@ -164,7 +167,7 @@
                   'outline outline-2 outline-action-red': !subjectValidated,
                   'outline-none focus:outline-none': subjectValidated,
                 }"
-                :placeholder="$t('pages.contact.subject_placeholder')"
+                :placeholder="$t(i18nMap.pages.contact.subject_placeholder)"
                 autocomplete="off"
                 spellcheck="false"
               />
@@ -176,7 +179,7 @@
                   'text-primary-text': messageValidated,
                 }"
                 for="message"
-                >{{ $t("pages.contact.message_label") }}
+                >{{ $t(i18nMap.pages.contact.message_label) }}
                 <span v-if="!messageValidated">cannot be empty.</span></label
               >
               <textarea
@@ -189,7 +192,7 @@
                   'outline-none focus:outline-none': messageValidated,
                 }"
                 rows="6"
-                :placeholder="$t('pages.contact.message_placeholder')"
+                :placeholder="$t(i18nMap.pages.contact.message_placeholder)"
                 autocomplete="off"
                 spellcheck="false"
               ></textarea>
@@ -206,9 +209,9 @@
               }"
               type="submit"
               :disabled="buttonDisabled"
-              :aria-label="$t('pages.contact.send_form_aria_label')"
+              :aria-label="$t(i18nMap.pages.contact.send_form_aria_label)"
             >
-              {{ $t("pages.contact.send") }}
+              {{ $t(i18nMap.pages.contact.send) }}
             </button>
           </form>
         </div>
@@ -218,7 +221,7 @@
         class="flex flex-col items-center justify-center space-y-4 pb-8 text-center md:items-start md:space-y-6 md:text-start"
       >
         <h1 class="responsive-h1 pb-2 font-bold">
-          {{ $t("pages.contact.thanks_1") }}
+          {{ $t(i18nMap.pages.contact.thanks_1) }}
         </h1>
         <div class="flex flex-row space-x-3 py-2 text-start">
           <Icon
@@ -227,13 +230,13 @@
             size="1.25em"
           />
           <p>
-            {{ $t("pages.contact.subheader_1") }}
+            {{ $t(i18nMap.pages.contact.subheader_1) }}
             <a
               class="focus-brand link-text items-center"
               href="https://matrix.to/#/#activist_community:matrix.org"
               target="_blank"
             >
-              {{ $t("_global.public_matrix_chat_rooms") }}
+              {{ $t(i18nMap._global.public_matrix_chat_rooms) }}
               <Icon
                 :name="IconMap.EXTERNAL_LINK"
                 size="1em"
@@ -244,7 +247,7 @@
           </p>
         </div>
         <p>
-          {{ $t("pages.contact.thanks_2") }}
+          {{ $t(i18nMap.pages.contact.thanks_2) }}
         </p>
         <BtnRouteInternal
           :cta="false"
@@ -259,6 +262,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const name = ref("");
diff --git a/frontend/pages/events/[id]/about.vue b/frontend/pages/events/[id]/about.vue
index a96a3dbe..0a0513f5 100644
--- a/frontend/pages/events/[id]/about.vue
+++ b/frontend/pages/events/[id]/about.vue
@@ -38,7 +38,7 @@
           fontSize="sm"
           :rightIcon="IconMap.SHARE"
           iconSize="1.45em"
-          :ariaLabel="$t('_global.share_event_aria_label')"
+          :ariaLabel="$t(i18nMap._global.share_event_aria_label)"
         />
         <ModalSharePage :cta="true" :event="event" />
       </div>
@@ -79,6 +79,7 @@
 
 <script setup lang="ts">
 import { BreakpointMap } from "~/types/breakpoint-map";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { openModal: openModalSharePage } = useModalHandlers("ModalSharePage");
diff --git a/frontend/pages/events/[id]/discussion.vue b/frontend/pages/events/[id]/discussion.vue
index 6e5f0bd0..de94a2e4 100644
--- a/frontend/pages/events/[id]/discussion.vue
+++ b/frontend/pages/events/[id]/discussion.vue
@@ -4,16 +4,16 @@
     <Head>
       <Title
         >{{ event.name }}&nbsp;{{
-          $t("pages._global.discussions_lower")
+          $t(i18nMap.pages._global.discussions_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :event="event"
       :header="
-        event.name + ' ' + $t('pages.events.discussion.discussion_lower')
+        event.name + ' ' + $t(i18nMap.pages.events.discussion.discussion_lower)
       "
-      :tagline="$t('pages.events.discussion.tagline')"
+      :tagline="$t(i18nMap.pages.events.discussion.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -42,6 +42,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const aboveMediumBP = useBreakpoint("md");
diff --git a/frontend/pages/events/[id]/index.vue b/frontend/pages/events/[id]/index.vue
index 1c8473cb..27f12821 100644
--- a/frontend/pages/events/[id]/index.vue
+++ b/frontend/pages/events/[id]/index.vue
@@ -12,7 +12,7 @@
         :eventType="event.type"
         :imgUrl="event.iconUrl ? event.iconUrl : ''"
         :alt="
-          $t('_global.entity_logo', {
+          $t(i18nMap._global.entity_logo, {
             entity_name: event?.name,
           })
         "
@@ -47,7 +47,7 @@
           <p
             class="width-5/6 hover:menu-selection select-none whitespace-nowrap text-lg font-bold"
           >
-            <span class="sr-only">{{ $t("_global.navigate_to") }}</span>
+            <span class="sr-only">{{ $t(i18nMap._global.navigate_to) }}</span>
             {{ $t(button.label) }}
           </p>
         </div>
@@ -69,6 +69,7 @@
 <script setup lang="ts">
 import useMenuEntriesState from "~/composables/useMenuEntriesState";
 import { BreakpointMap } from "~/types/breakpoint-map";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { MenuSelector } from "~/types/menu/menu-selector";
 
diff --git a/frontend/pages/events/[id]/resources.vue b/frontend/pages/events/[id]/resources.vue
index d6c2687e..5e73f48a 100644
--- a/frontend/pages/events/[id]/resources.vue
+++ b/frontend/pages/events/[id]/resources.vue
@@ -2,12 +2,14 @@
 <template>
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ event.name }}&nbsp;{{ $t("_global.resources_lower") }}</Title>
+      <Title
+        >{{ event.name }}&nbsp;{{ $t(i18nMap._global.resources_lower) }}</Title
+      >
     </Head>
     <HeaderAppPage
       :event="event"
-      :header="event.name + ' ' + $t('_global.resources_lower')"
-      :tagline="$t('pages.events.resources.tagline')"
+      :header="event.name + ' ' + $t(i18nMap._global.resources_lower)"
+      :tagline="$t(i18nMap.pages.events.resources.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -36,6 +38,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/events/[id]/settings.vue b/frontend/pages/events/[id]/settings.vue
index 2b96796e..0139a33d 100644
--- a/frontend/pages/events/[id]/settings.vue
+++ b/frontend/pages/events/[id]/settings.vue
@@ -4,13 +4,15 @@
     <Head>
       <Title
         >{{ event.name }}&nbsp;{{
-          $t("pages._global.settings.settings_lower")
+          $t(i18nMap.pages._global.settings.settings_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :event="event"
-      :header="event.name + ' ' + $t('pages._global.settings.settings_lower')"
+      :header="
+        event.name + ' ' + $t(i18nMap.pages._global.settings.settings_lower)
+      "
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -25,10 +27,10 @@
     </HeaderAppPage>
     <!-- <div class="space-y-6 pb-6">
       <CardDangerZone
-        :description="$t('pages.events.settings.danger_zone_event_description')"
-        :ctaBtnText="$t('pages.events.settings.danger_zone_event_cta_btn_text')"
+        :description="$t(i18nMap.pages.events.settings.danger_zone_event_description)"
+        :ctaBtnText="$t(i18nMap.pages.events.settings.danger_zone_event_cta_btn_text)"
         :ctaBtnAriaLabel="
-          $t('pages.events.settings.danger_zone_event_cta_btn_aria_label')
+          $t(i18nMap.pages.events.settings.danger_zone_event_cta_btn_aria_label)
         "
       />
     </div> -->
@@ -36,6 +38,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const idParam = useRoute().params.id;
 const id = typeof idParam === "string" ? idParam : undefined;
 
diff --git a/frontend/pages/events/[id]/tasks.vue b/frontend/pages/events/[id]/tasks.vue
index bc79c4c2..2fb503b7 100644
--- a/frontend/pages/events/[id]/tasks.vue
+++ b/frontend/pages/events/[id]/tasks.vue
@@ -4,14 +4,14 @@
     <Head>
       <Title
         >{{ event.name }}&nbsp;{{
-          $t("pages._global.tasks.tasks_lower")
+          $t(i18nMap.pages._global.tasks.tasks_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :event="event"
-      :header="event.name + ' ' + $t('pages._global.tasks.tasks_lower')"
-      :tagline="$t('pages._global.tasks.tasks_page_tagline')"
+      :header="event.name + ' ' + $t(i18nMap.pages._global.tasks.tasks_lower)"
+      :tagline="$t(i18nMap.pages._global.tasks.tasks_page_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -32,6 +32,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/events/[id]/team.vue b/frontend/pages/events/[id]/team.vue
index ce9fa430..44273715 100644
--- a/frontend/pages/events/[id]/team.vue
+++ b/frontend/pages/events/[id]/team.vue
@@ -3,13 +3,15 @@
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
       <Title
-        >{{ event.name }}&nbsp;{{ $t("pages._global.team.team_lower") }}</Title
+        >{{ event.name }}&nbsp;{{
+          $t(i18nMap.pages._global.team.team_lower)
+        }}</Title
       >
     </Head>
     <HeaderAppPage
       :event="event"
-      :header="event.name + ' ' + $t('pages._global.team.team_lower')"
-      :tagline="$t('pages.events.team.tagline')"
+      :header="event.name + ' ' + $t(i18nMap.pages._global.team.team_lower)"
+      :tagline="$t(i18nMap.pages.events.team.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -37,6 +39,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/events/create.vue b/frontend/pages/events/create.vue
index d81517fb..073a2c1a 100644
--- a/frontend/pages/events/create.vue
+++ b/frontend/pages/events/create.vue
@@ -11,26 +11,26 @@
       <PageBreadcrumbs class="mt-2" />
       <div v-if="page === 0" class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages._global.create.information") }}
+          {{ $t(i18nMap.pages._global.create.information) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.events.create.subtext_0") }}
+          {{ $t(i18nMap.pages.events.create.subtext_0) }}
         </p>
       </div>
       <div v-if="page === 1" class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages.events.create.header_1") }}
+          {{ $t(i18nMap.pages.events.create.header_1) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.events.create.subtext_1") }}
+          {{ $t(i18nMap.pages.events.create.subtext_1) }}
         </p>
       </div>
       <div v-if="page === 2" class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages.events.create.header_2") }}
+          {{ $t(i18nMap.pages.events.create.header_2) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.events.create.subtext_2") }}
+          {{ $t(i18nMap.pages.events.create.subtext_2) }}
         </p>
       </div>
       <form
@@ -46,7 +46,7 @@
           >
             <div class="w-1/2">
               <label for="name" class="responsive-h3 block font-medium"
-                >{{ $t("pages.events.create.events_name") }}*</label
+                >{{ $t(i18nMap.pages.events.create.events_name) }}*</label
               >
               <input
                 v-model="formData.name"
@@ -54,12 +54,14 @@
                 class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
                 type="text"
                 name="name"
-                :placeholder="$t('pages.events.create.events_name_placeholder')"
+                :placeholder="
+                  $t(i18nMap.pages.events.create.events_name_placeholder)
+                "
               />
             </div>
             <div class="w-1/2">
               <label for="tagline" class="responsive-h3 block font-medium">{{
-                $t("pages._global.create.tagline")
+                $t(i18nMap.pages._global.create.tagline)
               }}</label>
               <input
                 v-model="formData.tagline"
@@ -67,16 +69,18 @@
                 class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
                 type="text"
                 name="tagline"
-                :placeholder="$t('pages.events.create.tagline_placeholder')"
+                :placeholder="
+                  $t(i18nMap.pages.events.create.tagline_placeholder)
+                "
               />
             </div>
           </div>
           <div class="card-style mx-14 mt-5 w-full px-5 py-6">
             <label for="organizer" class="responsive-h3 block font-medium"
-              >{{ $t("pages.events.create.organizer") }}*</label
+              >{{ $t(i18nMap.pages.events.create.organizer) }}*</label
             >
             <span id="organizer-instructions" class="block font-medium">{{
-              $t("pages.events.create.organizer_instructions")
+              $t(i18nMap.pages.events.create.organizer_instructions)
             }}</span>
             <input
               v-model="formData.organizer"
@@ -84,7 +88,9 @@
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               type="select"
               name="organizer"
-              :placeholder="$t('pages.events.create.organizer_placeholder')"
+              :placeholder="
+                $t(i18nMap.pages.events.create.organizer_placeholder)
+              "
               aria-describedby="organizer-instructions"
             />
           </div>
@@ -93,14 +99,16 @@
           </div>
           <div class="card-style mx-14 mt-5 w-full px-5 py-6">
             <label for="description" class="responsive-h3 block font-medium"
-              >{{ $t("pages._global.create.description") }}*</label
+              >{{ $t(i18nMap.pages._global.create.description) }}*</label
             >
             <textarea
               v-model="formData.description"
               id="description"
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               name="description"
-              :placeholder="$t('pages.events.create.description_placeholder')"
+              :placeholder="
+                $t(i18nMap.pages.events.create.description_placeholder)
+              "
             ></textarea>
           </div>
         </div>
@@ -110,7 +118,7 @@
           >
             <div class="w-1/5">
               <label for="event-type" class="responsive-h3 block font-medium">
-                {{ $t("pages.events.create.event_type") }}*
+                {{ $t(i18nMap.pages.events.create.event_type) }}*
               </label>
               <FormRadioGroup
                 @update:modelValue="updateEventType"
@@ -123,7 +131,7 @@
             </div>
             <div class="w-3/5">
               <label for="format" class="responsive-h3 block font-medium">{{
-                $t("pages.events.create.format")
+                $t(i18nMap.pages.events.create.format)
               }}</label>
               <input
                 v-model="formData.format"
@@ -131,7 +139,9 @@
                 class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
                 type="text"
                 name="format"
-                :placeholder="$t('pages.events.create.format_placeholder')"
+                :placeholder="
+                  $t(i18nMap.pages.events.create.format_placeholder)
+                "
               />
             </div>
           </div>
@@ -148,7 +158,7 @@
           >
             <div class="w-full">
               <label for="roles" class="responsive-h3 block font-medium"
-                >{{ $t("pages.events.create.roles") }}*</label
+                >{{ $t(i18nMap.pages.events.create.roles) }}*</label
               >
               <!-- TODO: replace this input with something that lets you make
                 roles and such -->
@@ -172,7 +182,7 @@
           >
             <div class="w-1/5">
               <label for="setting" class="responsive-h3 block font-medium">
-                {{ $t("pages.events.create.setting") }}*
+                {{ $t(i18nMap.pages.events.create.setting) }}*
               </label>
               <FormRadioGroup
                 @update:modelValue="updateSetting"
@@ -185,7 +195,7 @@
             </div>
             <div class="w-2/5">
               <label for="location" class="responsive-h3 block font-medium"
-                >{{ $t("pages._global.create.location") }}*</label
+                >{{ $t(i18nMap.pages._global.create.location) }}*</label
               >
               <input
                 v-model="formData.location"
@@ -193,12 +203,14 @@
                 class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
                 type="text"
                 name="location"
-                :placeholder="$t('pages.events.create.location_placeholder')"
+                :placeholder="
+                  $t(i18nMap.pages.events.create.location_placeholder)
+                "
               />
             </div>
             <div class="w-2/5">
               <label for="link" class="responsive-h3 block font-medium"
-                >{{ $t("pages._global.create.link") }}*</label
+                >{{ $t(i18nMap.pages._global.create.link) }}*</label
               >
               <input
                 v-model="formData.link"
@@ -206,7 +218,7 @@
                 class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
                 type="url"
                 name="link"
-                :placeholder="$t('pages.events.create.link_placeholder')"
+                :placeholder="$t(i18nMap.pages.events.create.link_placeholder)"
               />
             </div>
           </div>
@@ -219,12 +231,16 @@
             <div class="flex space-x-2">
               <FormCheckbox id="terms" />
               <label for="terms" class="flex font-medium">
-                <p>{{ $t("pages._global.terms_of_service_pt_1") }}&nbsp;</p>
+                <p>
+                  {{ $t(i18nMap.pages._global.terms_of_service_pt_1) }}&nbsp;
+                </p>
                 <NuxtLink
                   :to="localePath('/legal/privacy-policy')"
                   target="_blank"
                   class="link-text"
-                  >{{ $t("pages._global.terms_of_service_pt_2") }}</NuxtLink
+                  >{{
+                    $t(i18nMap.pages._global.terms_of_service_pt_2)
+                  }}</NuxtLink
                 >
                 <p>.</p>
               </label>
@@ -303,6 +319,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const localePath = useLocalePath();
 
 const settingValue = ref("");
diff --git a/frontend/pages/events/index.vue b/frontend/pages/events/index.vue
index 1d9d4251..22920f7d 100644
--- a/frontend/pages/events/index.vue
+++ b/frontend/pages/events/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="bg-layer-0 px-8 text-primary-text">
     <Head>
-      <Title>{{ $t("pages.events.index.header_title") }} </Title>
+      <Title>{{ $t(i18nMap.pages.events.index.header_title) }} </Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.events.index.header_title')"
-      :tagline="$t('pages.events.index.subheader')"
+      :header="$t(i18nMap.pages.events.index.header_title)"
+      :tagline="$t(i18nMap.pages.events.index.subheader)"
     >
       <div class="flex flex-col space-x-3 sm:flex-row">
         <ComboboxTopics />
@@ -22,6 +22,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const eventStore = useEventStore();
 await eventStore.fetchAll();
 
diff --git a/frontend/pages/events/search.vue b/frontend/pages/events/search.vue
index 961ec1a1..1c12cfd7 100644
--- a/frontend/pages/events/search.vue
+++ b/frontend/pages/events/search.vue
@@ -2,14 +2,18 @@
 <template>
   <div class="bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ $t("pages.events.search.header_title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.events.search.header_title) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.events.search.header_title')"
-      :tagline="$t('pages.events.search.subheader')"
+      :header="$t(i18nMap.pages.events.search.header_title)"
+      :tagline="$t(i18nMap.pages.events.search.subheader)"
     >
       <ComboboxTopics />
     </HeaderAppPage>
     <GridFilterTags :tags="['Berlin', 'Activism', 'Eco']" class="mt-3" />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/pages/groups/create.vue b/frontend/pages/groups/create.vue
index 4c19fb76..c02a74c1 100644
--- a/frontend/pages/groups/create.vue
+++ b/frontend/pages/groups/create.vue
@@ -11,10 +11,10 @@
       <PageBreadcrumbs class="mt-2" />
       <div class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages.groups.create.header") }}
+          {{ $t(i18nMap.pages.groups.create.header) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.groups.create.subtext") }}
+          {{ $t(i18nMap.pages.groups.create.subtext) }}
         </p>
       </div>
       <form
@@ -26,7 +26,7 @@
         >
           <div class="w-1/2">
             <label for="name" class="responsive-h3 block font-medium"
-              >{{ $t("pages.groups.create.group_name") }}*</label
+              >{{ $t(i18nMap.pages.groups.create.group_name) }}*</label
             >
             <input
               v-model="formData.name"
@@ -34,12 +34,14 @@
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               type="text"
               name="name"
-              :placeholder="$t('pages.groups.create.group_name_placeholder')"
+              :placeholder="
+                $t(i18nMap.pages.groups.create.group_name_placeholder)
+              "
             />
           </div>
           <div class="w-1/2">
             <label for="location" class="responsive-h3 block font-medium"
-              >{{ $t("pages._global.create.location") }}*</label
+              >{{ $t(i18nMap.pages._global.create.location) }}*</label
             >
             <input
               v-model="formData.location"
@@ -47,32 +49,36 @@
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               type="text"
               name="location"
-              :placeholder="$t('pages.groups.create.location_placeholder')"
+              :placeholder="
+                $t(i18nMap.pages.groups.create.location_placeholder)
+              "
             />
           </div>
         </div>
         <div class="card-style mx-14 mt-5 w-full px-5 py-6">
           <label for="description" class="responsive-h3 block font-medium"
-            >{{ $t("pages._global.create.description") }}*</label
+            >{{ $t(i18nMap.pages._global.create.description) }}*</label
           >
           <textarea
             v-model="formData.description"
             id="description"
             class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
             name="description"
-            :placeholder="$t('pages.groups.create.description_placeholder')"
+            :placeholder="
+              $t(i18nMap.pages.groups.create.description_placeholder)
+            "
           ></textarea>
         </div>
         <div class="card-style mx-14 mt-5 w-full px-5 py-6">
           <label for="tagline" class="responsive-h3 block font-medium">{{
-            $t("pages._global.create.tagline")
+            $t(i18nMap.pages._global.create.tagline)
           }}</label>
           <input
             v-model="formData.tagline"
             id="tagline"
             class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
             name="tagline"
-            :placeholder="$t('pages.groups.create.tagline_placeholder')"
+            :placeholder="$t(i18nMap.pages.groups.create.tagline_placeholder)"
           />
         </div>
         <CardTopicSelection
@@ -87,9 +93,9 @@
           <div class="flex space-x-2">
             <FormCheckbox />
             <label for="terms" class="flex font-medium">
-              <p>{{ $t("pages._global.terms_of_service_pt_1") }}&nbsp;</p>
+              <p>{{ $t(i18nMap.pages._global.terms_of_service_pt_1) }}&nbsp;</p>
               <a href="#" class="text-blue-500">{{
-                $t("pages._global.terms_of_service_pt_2")
+                $t(i18nMap.pages._global.terms_of_service_pt_2)
               }}</a>
               <p>.</p>
             </label>
@@ -111,6 +117,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const formData = ref({
   name: "",
   location: "",
diff --git a/frontend/pages/groups/index.vue b/frontend/pages/groups/index.vue
index dc1e88c4..a2eb615f 100644
--- a/frontend/pages/groups/index.vue
+++ b/frontend/pages/groups/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="bg-layer-0 px-8 text-primary-text">
     <Head>
-      <Title>{{ $t("pages.groups.index.header_title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.groups.index.header_title) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.groups.index.header_title')"
-      :tagline="$t('pages.groups.index.subheader')"
+      :header="$t(i18nMap.pages.groups.index.header_title)"
+      :tagline="$t(i18nMap.pages.groups.index.subheader)"
     >
       <div class="flex flex-col space-x-3 sm:flex-row">
         <ComboboxTopics />
@@ -22,6 +22,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const { data: groups } = await useFetch(
   `${BASE_BACKEND_URL}/communities/groups/`,
   {
diff --git a/frontend/pages/home/index.vue b/frontend/pages/home/index.vue
index 70aca508..6b5bd01f 100644
--- a/frontend/pages/home/index.vue
+++ b/frontend/pages/home/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div id="home-page-main" class="bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ $t("_global.home") }}</Title>
+      <Title>{{ $t(i18nMap._global.home) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.home.index.header')"
-      :tagline="$t('pages.home.index.subheader')"
+      :header="$t(i18nMap.pages.home.index.header)"
+      :tagline="$t(i18nMap.pages.home.index.subheader)"
     >
       <ComboboxTopics class="pb-3 lg:pb-4" />
     </HeaderAppPage>
@@ -28,3 +28,7 @@
     </div> -->
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/pages/index.vue b/frontend/pages/index.vue
index a74c0e97..7ef7a85b 100644
--- a/frontend/pages/index.vue
+++ b/frontend/pages/index.vue
@@ -2,7 +2,7 @@
 <template>
   <div class="overflow-hidden bg-layer-0">
     <Head>
-      <Title>{{ $t("pages.index.title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.index.title) }}</Title>
     </Head>
     <LandingSplash />
     <LandingCommunityBanner />
@@ -77,3 +77,7 @@
     </div>
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/pages/organizations/[id]/about.vue b/frontend/pages/organizations/[id]/about.vue
index 75a506f0..d10922e5 100644
--- a/frontend/pages/organizations/[id]/about.vue
+++ b/frontend/pages/organizations/[id]/about.vue
@@ -40,7 +40,7 @@
             fontSize="sm"
             :rightIcon="IconMap.SHARE"
             iconSize="1.45em"
-            :ariaLabel="$t('_global.share_organization_aria_label')"
+            :ariaLabel="$t(i18nMap._global.share_organization_aria_label)"
           />
         </div>
         <ModalSharePage :cta="true" :organization="organization" />
@@ -79,6 +79,7 @@
 <script setup lang="ts">
 import { useModalHandlers } from "~/composables/useModalHandlers";
 import { BreakpointMap } from "~/types/breakpoint-map";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const { openModal: openModalSharePage } = useModalHandlers("ModalSharePage");
diff --git a/frontend/pages/organizations/[id]/affiliates.vue b/frontend/pages/organizations/[id]/affiliates.vue
index cb7208b0..eb158999 100644
--- a/frontend/pages/organizations/[id]/affiliates.vue
+++ b/frontend/pages/organizations/[id]/affiliates.vue
@@ -4,7 +4,7 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages.organizations.affiliates.affiliates_lower")
+          $t(i18nMap.pages.organizations.affiliates.affiliates_lower)
         }}</Title
       >
     </Head>
@@ -13,9 +13,9 @@
       :header="
         organization.name +
         ' ' +
-        $t('pages.organizations.affiliates.affiliates_lower')
+        $t(i18nMap.pages.organizations.affiliates.affiliates_lower)
       "
-      :tagline="$t('pages.organizations.affiliates.tagline')"
+      :tagline="$t(i18nMap.pages.organizations.affiliates.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3"></div>
@@ -38,6 +38,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const idParam = useRoute().params.id;
 const id = typeof idParam === "string" ? idParam : undefined;
 
diff --git a/frontend/pages/organizations/[id]/discussions/index.vue b/frontend/pages/organizations/[id]/discussions/index.vue
index 65d65557..9f57976b 100644
--- a/frontend/pages/organizations/[id]/discussions/index.vue
+++ b/frontend/pages/organizations/[id]/discussions/index.vue
@@ -4,14 +4,16 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages._global.discussions_lower")
+          $t(i18nMap.pages._global.discussions_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
-      :header="organization.name + ' ' + $t('pages._global.discussions_lower')"
-      :tagline="$t('pages.organizations.discussions.index.tagline')"
+      :header="
+        organization.name + ' ' + $t(i18nMap.pages._global.discussions_lower)
+      "
+      :tagline="$t(i18nMap.pages.organizations.discussions.index.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -41,6 +43,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const aboveMediumBP = useBreakpoint("md");
diff --git a/frontend/pages/organizations/[id]/events.vue b/frontend/pages/organizations/[id]/events.vue
index a1d7770c..8e073497 100644
--- a/frontend/pages/organizations/[id]/events.vue
+++ b/frontend/pages/organizations/[id]/events.vue
@@ -4,16 +4,18 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages.organizations._global.events_lower")
+          $t(i18nMap.pages.organizations._global.events_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
       :header="
-        organization.name + ' ' + $t('pages.organizations._global.events_lower')
+        organization.name +
+        ' ' +
+        $t(i18nMap.pages.organizations._global.events_lower)
       "
-      :tagline="$t('pages.organizations._global.events_tagline')"
+      :tagline="$t(i18nMap.pages.organizations._global.events_tagline)"
     >
       <div class="flex space-x-2 lg:space-x-3">
         <BtnRouteInternal
@@ -44,6 +46,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/faq.vue b/frontend/pages/organizations/[id]/faq.vue
index 116c76a2..04e847bd 100644
--- a/frontend/pages/organizations/[id]/faq.vue
+++ b/frontend/pages/organizations/[id]/faq.vue
@@ -2,12 +2,12 @@
 <template>
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ organization.name }}&nbsp;{{ $t("_global.faq") }}</Title>
+      <Title>{{ organization.name }}&nbsp;{{ $t(i18nMap._global.faq) }}</Title>
     </Head>
     <HeaderAppPage
       :organization="organization"
-      :header="organization.name + ' ' + $t('_global.faq')"
-      :tagline="$t('pages.organizations._global.faq_tagline')"
+      :header="organization.name + ' ' + $t(i18nMap._global.faq)"
+      :tagline="$t(i18nMap.pages.organizations._global.faq_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -33,6 +33,7 @@
 
 <script setup lang="ts">
 import type { FaqEntry } from "~/types/content/faq-entry.d";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/groups/[group-id]/about.vue b/frontend/pages/organizations/[id]/groups/[group-id]/about.vue
index 37dfdfe2..37b37341 100644
--- a/frontend/pages/organizations/[id]/groups/[group-id]/about.vue
+++ b/frontend/pages/organizations/[id]/groups/[group-id]/about.vue
@@ -45,7 +45,7 @@
           :rightIcon="IconMap.SHARE"
           iconSize="1.45em"
           :ariaLabel="
-            $t('pages.organizations.groups.about.share_group_aria_label')
+            $t(i18nMap.pages.organizations.groups.about.share_group_aria_label)
           "
         />
         <ModalSharePage
@@ -89,6 +89,7 @@ import { BreakpointMap } from "~/types/breakpoint-map";
 import { IconMap } from "~/types/icon-map";
 import type { Group } from "~/types/communities/group";
 import { getGroupSubPages } from "~/utils/groupSubPages";
+import { i18nMap } from "~/types/i18n-map";
 
 const aboveLargeBP = useBreakpoint("lg");
 
diff --git a/frontend/pages/organizations/[id]/groups/[group-id]/events.vue b/frontend/pages/organizations/[id]/groups/[group-id]/events.vue
index ff4fae25..36661c96 100644
--- a/frontend/pages/organizations/[id]/groups/[group-id]/events.vue
+++ b/frontend/pages/organizations/[id]/groups/[group-id]/events.vue
@@ -9,16 +9,16 @@
     <Head>
       <Title
         >{{ group.name }}&nbsp;{{
-          $t("pages.organizations._global.events_lower")
+          $t(i18nMap.pages.organizations._global.events_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :group="group"
       :header="
-        group.name + ' ' + $t('pages.organizations._global.events_lower')
+        group.name + ' ' + $t(i18nMap.pages.organizations._global.events_lower)
       "
-      :tagline="$t('pages.organizations._global.events_tagline')"
+      :tagline="$t(i18nMap.pages.organizations._global.events_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 pb-3 lg:space-x-3 lg:pb-4">
@@ -50,6 +50,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const groupSubPages = getGroupSubPages();
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/groups/[group-id]/faq.vue b/frontend/pages/organizations/[id]/groups/[group-id]/faq.vue
index 361e788f..806986f0 100644
--- a/frontend/pages/organizations/[id]/groups/[group-id]/faq.vue
+++ b/frontend/pages/organizations/[id]/groups/[group-id]/faq.vue
@@ -7,12 +7,12 @@
   />
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ group.name }}&nbsp;{{ $t("_global.faq") }}</Title>
+      <Title>{{ group.name }}&nbsp;{{ $t(i18nMap._global.faq) }}</Title>
     </Head>
     <HeaderAppPage
       :group="group"
-      :header="group.name + ' ' + $t('_global.faq')"
-      :tagline="$t('pages.organizations._global.faq_tagline')"
+      :header="group.name + ' ' + $t(i18nMap._global.faq)"
+      :tagline="$t(i18nMap.pages.organizations._global.faq_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 pb-3 lg:space-x-3 lg:pb-4">
@@ -40,6 +40,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { getGroupSubPages } from "~/utils/groupSubPages";
 
 const groupSubPages = getGroupSubPages();
diff --git a/frontend/pages/organizations/[id]/groups/[group-id]/resources.vue b/frontend/pages/organizations/[id]/groups/[group-id]/resources.vue
index 21ba2084..983bb608 100644
--- a/frontend/pages/organizations/[id]/groups/[group-id]/resources.vue
+++ b/frontend/pages/organizations/[id]/groups/[group-id]/resources.vue
@@ -7,12 +7,14 @@
   />
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ group.name }}&nbsp;{{ $t("_global.resources_lower") }}</Title>
+      <Title
+        >{{ group.name }}&nbsp;{{ $t(i18nMap._global.resources_lower) }}</Title
+      >
     </Head>
     <HeaderAppPage
       :group="group"
-      :header="group.name + ' ' + $t('_global.resources_lower')"
-      :tagline="$t('pages.organizations._global.resources_tagline')"
+      :header="group.name + ' ' + $t(i18nMap._global.resources_lower)"
+      :tagline="$t(i18nMap.pages.organizations._global.resources_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 pb-3 lg:space-x-3 lg:pb-4">
@@ -43,6 +45,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { getGroupSubPages } from "~/utils/groupSubPages";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/groups/index.vue b/frontend/pages/organizations/[id]/groups/index.vue
index 8e8bd8a0..3060cbca 100644
--- a/frontend/pages/organizations/[id]/groups/index.vue
+++ b/frontend/pages/organizations/[id]/groups/index.vue
@@ -4,7 +4,7 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages.organizations.groups.index.groups_lower")
+          $t(i18nMap.pages.organizations.groups.index.groups_lower)
         }}</Title
       >
     </Head>
@@ -13,9 +13,9 @@
       :header="
         organization.name +
         ' ' +
-        $t('pages.organizations.groups.index.groups_lower')
+        $t(i18nMap.pages.organizations.groups.index.groups_lower)
       "
-      :tagline="$t('pages.organizations.groups.index.tagline')"
+      :tagline="$t(i18nMap.pages.organizations.groups.index.tagline)"
     >
       <div class="flex space-x-2 lg:space-x-3">
         <BtnRouteInternal
@@ -44,6 +44,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/index.vue b/frontend/pages/organizations/[id]/index.vue
index 8b10a00f..e167dee5 100644
--- a/frontend/pages/organizations/[id]/index.vue
+++ b/frontend/pages/organizations/[id]/index.vue
@@ -11,7 +11,7 @@
       <ImageOrganization
         :imgUrl="organization?.iconUrl"
         :alt="
-          $t('_global.entity_logo', {
+          $t(i18nMap._global.entity_logo, {
             entity_name: organization?.name,
           })
         "
@@ -46,7 +46,7 @@
           <p
             class="width-5/6 hover:menu-selection select-none whitespace-nowrap text-lg font-bold"
           >
-            <span class="sr-only">{{ $t("_global.navigate_to") }}</span>
+            <span class="sr-only">{{ $t(i18nMap._global.navigate_to) }}</span>
             {{ $t(button.label) }}
           </p>
         </div>
@@ -68,6 +68,7 @@
 <script setup lang="ts">
 import useMenuEntriesState from "~/composables/useMenuEntriesState";
 import { BreakpointMap } from "~/types/breakpoint-map";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 import type { MenuSelector } from "~/types/menu/menu-selector";
 
diff --git a/frontend/pages/organizations/[id]/resources.vue b/frontend/pages/organizations/[id]/resources.vue
index 1201e229..c845bdc2 100644
--- a/frontend/pages/organizations/[id]/resources.vue
+++ b/frontend/pages/organizations/[id]/resources.vue
@@ -3,13 +3,15 @@
   <div class="flex flex-col bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
       <Title
-        >{{ organization.name }}&nbsp;{{ $t("_global.resources_lower") }}</Title
+        >{{ organization.name }}&nbsp;{{
+          $t(i18nMap._global.resources_lower)
+        }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
-      :header="organization.name + ' ' + $t('_global.resources_lower')"
-      :tagline="$t('pages.organizations._global.resources_tagline')"
+      :header="organization.name + ' ' + $t(i18nMap._global.resources_lower)"
+      :tagline="$t(i18nMap.pages.organizations._global.resources_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -39,6 +41,7 @@
 
 <script setup lang="ts">
 import type { Resource } from "~/types/content/resource";
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/settings.vue b/frontend/pages/organizations/[id]/settings.vue
index 692a372b..13e10b29 100644
--- a/frontend/pages/organizations/[id]/settings.vue
+++ b/frontend/pages/organizations/[id]/settings.vue
@@ -4,14 +4,16 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages._global.settings.settings_lower")
+          $t(i18nMap.pages._global.settings.settings_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
       :header="
-        organization.name + ' ' + $t('pages._global.settings.settings_lower')
+        organization.name +
+        ' ' +
+        $t(i18nMap.pages._global.settings.settings_lower)
       "
       :underDevelopment="true"
     >
@@ -28,11 +30,11 @@
     <!-- <div class="space-y-6 pb-6">
       <CardDangerZone
         :description="
-          $t('pages.organizations.settings.danger_zone_delete_organization_text')
+          $t(i18nMap.pages.organizations.settings.danger_zone_delete_organization_text)
         "
-        :ctaBtnText="$t('pages.organizations.settings.danger_zone_delete_organization_cta')"
+        :ctaBtnText="$t(i18nMap.pages.organizations.settings.danger_zone_delete_organization_cta)"
         :ctaBtnAriaLabel="
-          $t('pages.organizations.settings.danger_zone_delete_organization_cta_aria_label')
+          $t(i18nMap.pages.organizations.settings.danger_zone_delete_organization_cta_aria_label)
         "
       />
     </div> -->
@@ -40,6 +42,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const idParam = useRoute().params.id;
 const id = typeof idParam === "string" ? idParam : undefined;
 
diff --git a/frontend/pages/organizations/[id]/tasks.vue b/frontend/pages/organizations/[id]/tasks.vue
index 18338484..70852880 100644
--- a/frontend/pages/organizations/[id]/tasks.vue
+++ b/frontend/pages/organizations/[id]/tasks.vue
@@ -4,14 +4,16 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages._global.tasks.tasks_lower")
+          $t(i18nMap.pages._global.tasks.tasks_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
-      :header="organization.name + ' ' + $t('pages._global.tasks.tasks_lower')"
-      :tagline="$t('pages._global.tasks.tasks_page_tagline')"
+      :header="
+        organization.name + ' ' + $t(i18nMap.pages._global.tasks.tasks_lower)
+      "
+      :tagline="$t(i18nMap.pages._global.tasks.tasks_page_tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -33,6 +35,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/[id]/team.vue b/frontend/pages/organizations/[id]/team.vue
index 6c583ba0..2cc27005 100644
--- a/frontend/pages/organizations/[id]/team.vue
+++ b/frontend/pages/organizations/[id]/team.vue
@@ -4,14 +4,16 @@
     <Head>
       <Title
         >{{ organization.name }}&nbsp;{{
-          $t("pages._global.team.team_lower")
+          $t(i18nMap.pages._global.team.team_lower)
         }}</Title
       >
     </Head>
     <HeaderAppPage
       :organization="organization"
-      :header="organization.name + ' ' + $t('pages._global.team.team_lower')"
-      :tagline="$t('pages.organizations.team.tagline')"
+      :header="
+        organization.name + ' ' + $t(i18nMap.pages._global.team.team_lower)
+      "
+      :tagline="$t(i18nMap.pages.organizations.team.tagline)"
       :underDevelopment="true"
     >
       <div class="flex space-x-2 lg:space-x-3">
@@ -40,6 +42,7 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
 import { IconMap } from "~/types/icon-map";
 
 const idParam = useRoute().params.id;
diff --git a/frontend/pages/organizations/create.vue b/frontend/pages/organizations/create.vue
index 4f0778de..9a025a19 100644
--- a/frontend/pages/organizations/create.vue
+++ b/frontend/pages/organizations/create.vue
@@ -12,10 +12,10 @@
       <PageBreadcrumbs class="mt-2" />
       <div class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages.organizations.create.header") }}
+          {{ $t(i18nMap.pages.organizations.create.header) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.organizations.create.subtext") }}
+          {{ $t(i18nMap.pages.organizations.create.subtext) }}
         </p>
       </div>
       <form
@@ -27,7 +27,7 @@
         >
           <div class="w-1/2">
             <label for="name" class="responsive-h3 block font-medium"
-              >{{ $t("_global.organization_name") }}*</label
+              >{{ $t(i18nMap._global.organization_name) }}*</label
             >
             <input
               v-model="formData.name"
@@ -36,13 +36,16 @@
               type="text"
               name="name"
               :placeholder="
-                $t('pages.organizations.create.organization_name_placeholder')
+                $t(
+                  i18nMap.pages.organizations.create
+                    .organization_name_placeholder
+                )
               "
             />
           </div>
           <div class="w-1/2">
             <label for="location" class="responsive-h3 block font-medium"
-              >{{ $t("pages._global.create.location") }}*</label
+              >{{ $t(i18nMap.pages._global.create.location) }}*</label
             >
             <input
               v-model="formData.location"
@@ -51,14 +54,14 @@
               type="text"
               name="location"
               :placeholder="
-                $t('pages.organizations.create.location_placeholder')
+                $t(i18nMap.pages.organizations.create.location_placeholder)
               "
             />
           </div>
         </div>
         <div class="card-style mx-14 mt-5 w-full px-5 py-6">
           <label for="description" class="responsive-h3 block font-medium"
-            >{{ $t("pages._global.create.description") }}*</label
+            >{{ $t(i18nMap.pages._global.create.description) }}*</label
           >
           <textarea
             v-model="formData.description"
@@ -66,20 +69,22 @@
             class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
             name="description"
             :placeholder="
-              $t('pages.organizations.create.description_placeholder')
+              $t(i18nMap.pages.organizations.create.description_placeholder)
             "
           ></textarea>
         </div>
         <div class="card-style mx-14 mt-5 w-full px-5 py-6">
           <label for="tagline" class="responsive-h3 block font-medium">{{
-            $t("pages._global.create.tagline")
+            $t(i18nMap.pages._global.create.tagline)
           }}</label>
           <input
             v-model="formData.tagline"
             id="tagline"
             class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
             name="tagline"
-            :placeholder="$t('pages.organizations.create.tagline_placeholder')"
+            :placeholder="
+              $t(i18nMap.pages.organizations.create.tagline_placeholder)
+            "
           />
         </div>
         <CardTopicSelection
@@ -94,12 +99,12 @@
           <div class="flex space-x-2">
             <FormCheckbox />
             <label for="terms" class="flex font-medium">
-              <p>{{ $t("pages._global.terms_of_service_pt_1") }}&nbsp;</p>
+              <p>{{ $t(i18nMap.pages._global.terms_of_service_pt_1) }}&nbsp;</p>
               <NuxtLink
                 :to="localePath('/legal/privacy-policy')"
                 target="_blank"
                 class="link-text"
-                >{{ $t("pages._global.terms_of_service_pt_2") }}</NuxtLink
+                >{{ $t(i18nMap.pages._global.terms_of_service_pt_2) }}</NuxtLink
               >
 
               <p>.</p>
@@ -124,6 +129,7 @@
 <script setup lang="ts">
 import { Toaster, toast } from "vue-sonner";
 import type { OrganizationCreateFormData } from "~/types/communities/organization";
+import { i18nMap } from "~/types/i18n-map";
 
 const formData = ref<OrganizationCreateFormData>({
   name: "",
diff --git a/frontend/pages/organizations/index.vue b/frontend/pages/organizations/index.vue
index 8ceef39d..360a9f59 100644
--- a/frontend/pages/organizations/index.vue
+++ b/frontend/pages/organizations/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="bg-layer-0 px-8 text-primary-text">
     <Head>
-      <Title>{{ $t("pages.organizations.index.header_title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.organizations.index.header_title) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.organizations.index.header_title')"
-      :tagline="$t('pages.organizations.index.subheader')"
+      :header="$t(i18nMap.pages.organizations.index.header_title)"
+      :tagline="$t(i18nMap.pages.organizations.index.subheader)"
     >
       <div class="flex flex-col space-x-3 sm:flex-row">
         <ComboboxTopics />
@@ -29,6 +29,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const organizationStore = useOrganizationStore();
 await organizationStore.fetchAll();
 
diff --git a/frontend/pages/organizations/search.vue b/frontend/pages/organizations/search.vue
index a5661dfd..d259cfe1 100644
--- a/frontend/pages/organizations/search.vue
+++ b/frontend/pages/organizations/search.vue
@@ -2,14 +2,18 @@
 <template>
   <div class="bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ $t("pages.organizations.search.header_title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.organizations.search.header_title) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.organizations.search.header_title')"
-      :tagline="$t('pages.organizations.search.subheader')"
+      :header="$t(i18nMap.pages.organizations.search.header_title)"
+      :tagline="$t(i18nMap.pages.organizations.search.subheader)"
     >
       <ComboboxTopics />
     </HeaderAppPage>
     <GridFilterTags :tags="['Berlin', 'Activism', 'Eco']" class="mt-3" />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>
diff --git a/frontend/pages/resources/create.vue b/frontend/pages/resources/create.vue
index ccf100fd..bb5259d1 100644
--- a/frontend/pages/resources/create.vue
+++ b/frontend/pages/resources/create.vue
@@ -11,10 +11,10 @@
       <PageBreadcrumbs class="mt-2" />
       <div class="mt-4">
         <h1 class="responsive-h2 font-bold">
-          {{ $t("pages._global.create.information") }}
+          {{ $t(i18nMap.pages._global.create.information) }}
         </h1>
         <p class="mt-4">
-          {{ $t("pages.resources.create.subtext") }}
+          {{ $t(i18nMap.pages.resources.create.subtext) }}
         </p>
       </div>
       <form
@@ -26,7 +26,7 @@
         >
           <div class="w-1/2">
             <label for="name" class="responsive-h3 block font-medium"
-              >{{ $t("pages.resources.create.title") }}*</label
+              >{{ $t(i18nMap.pages.resources.create.title) }}*</label
             >
             <input
               v-model="formData.name"
@@ -35,13 +35,13 @@
               type="text"
               name="name"
               :placeholder="
-                $t('pages.resources.create.resource_name_placeholder')
+                $t(i18nMap.pages.resources.create.resource_name_placeholder)
               "
             />
           </div>
           <div class="w-1/2">
             <label for="location" class="responsive-h3 block font-medium"
-              >{{ $t("pages._global.create.link") }}*</label
+              >{{ $t(i18nMap.pages._global.create.link) }}*</label
             >
             <input
               v-model="formData.link"
@@ -49,38 +49,42 @@
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               type="text"
               name="location"
-              :placeholder="$t('pages.resources.create.link_placeholder')"
+              :placeholder="$t(i18nMap.pages.resources.create.link_placeholder)"
             />
           </div>
         </div>
         <div class="card-style mx-14 mt-5 w-full px-5 py-6">
           <label for="description" class="responsive-h3 block font-medium"
-            >{{ $t("pages.resources.create.description") }}*</label
+            >{{ $t(i18nMap.pages.resources.create.description) }}*</label
           >
           <textarea
             v-model="formData.description"
             id="description"
             class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
             name="description"
-            :placeholder="$t('pages.resources.create.description_placeholder')"
+            :placeholder="
+              $t(i18nMap.pages.resources.create.description_placeholder)
+            "
           ></textarea>
         </div>
         <div class="card-style mx-14 mt-5 flex w-full">
           <div class="flex-1 px-5 py-6">
             <label for="location" class="responsive-h3 block font-medium">
-              {{ $t("pages._global.create.location") }}
+              {{ $t(i18nMap.pages._global.create.location) }}
             </label>
             <textarea
               v-model="formData.location"
               id="location"
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               name="location"
-              :placeholder="$t('pages.resources.create.location_placeholder')"
+              :placeholder="
+                $t(i18nMap.pages.resources.create.location_placeholder)
+              "
             ></textarea>
           </div>
           <div class="flex-1 px-5 py-6">
             <label for="location" class="responsive-h3 block font-medium">
-              {{ $t("_global.organization") }}*
+              {{ $t(i18nMap._global.organization) }}*
             </label>
             <textarea
               v-model="formData.organization"
@@ -88,7 +92,7 @@
               class="mt-2 w-full rounded-md border border-section-div bg-layer-0 px-4 py-2"
               name="organization"
               :placeholder="
-                $t('pages.resources.create.organization_placeholder')
+                $t(i18nMap.pages.resources.create.organization_placeholder)
               "
             ></textarea>
           </div>
@@ -112,6 +116,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const formData = ref({
   name: "",
   location: "",
diff --git a/frontend/pages/resources/index.vue b/frontend/pages/resources/index.vue
index 01a199e6..07cb48a8 100644
--- a/frontend/pages/resources/index.vue
+++ b/frontend/pages/resources/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="bg-layer-0 px-8 text-primary-text">
     <Head>
-      <Title>{{ $t("pages.resources.index.header_title") }}</Title>
+      <Title>{{ $t(i18nMap.pages.resources.index.header_title) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.resources.index.header_title')"
-      :tagline="$t('pages.resources.index.subheader')"
+      :header="$t(i18nMap.pages.resources.index.header_title)"
+      :tagline="$t(i18nMap.pages.resources.index.subheader)"
     >
       <div class="flex flex-col space-x-3 sm:flex-row">
         <ComboboxTopics />
@@ -22,6 +22,8 @@
 </template>
 
 <script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+
 const { data: resources } = await useFetch(
   `${BASE_BACKEND_URL}/content/resources/`,
   {
diff --git a/frontend/pages/search/index.vue b/frontend/pages/search/index.vue
index e87a92e7..b0a9db6b 100644
--- a/frontend/pages/search/index.vue
+++ b/frontend/pages/search/index.vue
@@ -2,11 +2,11 @@
 <template>
   <div class="bg-layer-0 px-4 text-primary-text xl:px-8">
     <Head>
-      <Title>{{ $t("_global.search") }}</Title>
+      <Title>{{ $t(i18nMap._global.search) }}</Title>
     </Head>
     <HeaderAppPage
-      :header="$t('pages.search.index.header')"
-      :tagline="$t('pages.search.index.subheader')"
+      :header="$t(i18nMap.pages.search.index.header)"
+      :tagline="$t(i18nMap.pages.search.index.subheader)"
     >
       <div class="flex flex-col space-x-3 sm:flex-row">
         <ShieldTopic topic="My topics dropdown" />
@@ -15,3 +15,7 @@
     <GridFilterTags :tags="['Berlin', 'Activism', 'Eco']" class="mt-3" />
   </div>
 </template>
+
+<script setup lang="ts">
+import { i18nMap } from "~/types/i18n-map";
+</script>