diff --git a/README.md b/README.md
index d10f893..dfa15ca 100644
--- a/README.md
+++ b/README.md
@@ -199,7 +199,6 @@ git subtree pull --prefix assets/vue https://github.com/valantic/vue-template.gi
 .  |- setup             Configuration and setup of the application
 .  |- stores            Pinia stores
 .  |- styleguide        Assets, components, mock data and routes for the stylguide
-.  |- translations      Translations for the application
 |- blueprints           File blueprints
 |- (dist)               Build folder
 |- (node_modules)       Node modules used by this project
@@ -602,48 +601,6 @@ In cases where HTML is pre-rendered by twig, slots can be used to give the HTML
 </html>
 ```
 
-## Translations
-
-All text which is defined in frontend MUST be placed trough translations. There should NOT be any hard coded inline text in the component templates or JavaScript.
-
-### Plugin
-
-We use the [vue-i18n](https://github.com/kazupon/vue-i18n) plugin to handle translations. This tool also allows us to handle localizations (e.g. number or date formats). The documentation can be found [here](https://kazupon.github.io/vue-i18n/guide/started.html).
-
-We discovered that the provided directive `v-t` accelerates the memory leak issue in IE11 since it creates copies of the translation JSON for each use (as of v8.15.3). For this reason, please use the `{{$t()}}` method.
-
-### Keys
-
-Translations should be marked with a specific translation key. Don't use English text as ab identifier key, since it might interfere with other uses in the application or can simply have different meanings in other languages, that need to be distinguished.
-
-The key should always be namespaced with the components name. E.g. `c-component.specificKey`
-
-```js
-// Bad
-this.$t('Some translateable text.');
-
-// Good
-this.$t('e-button.defaultLabel');
-```
-
-### Placeholders
-
-vue-i18n allows the usage of [placeholders](https://kazupon.github.io/vue-i18n/guide/formatting.html#named-formatting). This means you should add dynamic parts with a placeholder to the translation and not concatenate them in the component template or JavaScript.
-
-### Pluralization
-
-Be aware that [vue-i18n](https://github.com/kazupon/vue-i18n) also supports a [pluralization](https://kazupon.github.io/vue-i18n/guide/pluralization.html) syntax. So you should not define multiple translations and then switch them in templates.
-
-### Use outside of component or Vue instance
-
-If you need to use translations outside of a component or Vue instance, where the utilities are injected, you can use the vue-i18n instance which is exported from `setup/i18n.js`.
-
-```javascript
-import { i18n } from '@/setup/i18n';
-
-const translation = i18n.global.t('c-add-to-cart.notLoggedInTitle');
-```
-
 ## Blueprints
 
 In the `/blueprints` folder you'll find templates for several tasks like a new component, test or styleguide entry. Please always base new files on this blueprints and not on an empty or copied existing file.
diff --git a/package-lock.json b/package-lock.json
index eeff8e3..711e7e3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -13,8 +13,7 @@
         "body-scroll-lock": "~4.0.0-beta.0",
         "the-new-css-reset": "~1.11.3",
         "vite": "~6.2.0",
-        "vue": "~3.5.13",
-        "vue-i18n": "~11.1.1"
+        "vue": "~3.5.13"
       },
       "devDependencies": {
         "@trivago/prettier-plugin-sort-imports": "~4.3.0",
@@ -794,47 +793,6 @@
       "integrity": "sha512-dvuCeX5fC9dXgJn9t+X5atfmgQAzUOWqS1254Gh0m6i8wKd10ebXkfNKiRK+1GWi/yTvvLDHpoxLr0xxxeslWw==",
       "dev": true
     },
-    "node_modules/@intlify/core-base": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@intlify/core-base/-/core-base-11.1.1.tgz",
-      "integrity": "sha512-bb8gZvoeKExCI2r/NVCK9E4YyOkvYGaSCPxVZe8T0jz8aX+dHEOZWxK06Z/Y9mWRkJfBiCH4aOhDF1yr1t5J8Q==",
-      "dependencies": {
-        "@intlify/message-compiler": "11.1.1",
-        "@intlify/shared": "11.1.1"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/message-compiler": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@intlify/message-compiler/-/message-compiler-11.1.1.tgz",
-      "integrity": "sha512-4iEsUZ3aF7jXY19CJFN5VP+pPyLITD9FVsjB13z9TU1UxaZLlFsmNhvRxlPDSOfHAP5RpNF2QKKdZ3DHVf4Yzw==",
-      "dependencies": {
-        "@intlify/shared": "11.1.1",
-        "source-map-js": "^1.0.2"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
-    "node_modules/@intlify/shared": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/@intlify/shared/-/shared-11.1.1.tgz",
-      "integrity": "sha512-2kGiWoXaeV8HZlhU/Nml12oTbhv7j2ufsJ5vQaa0VTjzUmZVdd/nmKFRAOJ/FtjO90Qba5AnZDwsrY7ZND5udA==",
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      }
-    },
     "node_modules/@jridgewell/gen-mapping": {
       "version": "0.3.5",
       "resolved": "https://registry.npmjs.org/@jridgewell/gen-mapping/-/gen-mapping-0.3.5.tgz",
@@ -2437,6 +2395,7 @@
       "version": "6.6.4",
       "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
       "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/@vue/eslint-config-typescript": {
@@ -8642,25 +8601,6 @@
       "dev": true,
       "license": "ISC"
     },
-    "node_modules/vue-i18n": {
-      "version": "11.1.1",
-      "resolved": "https://registry.npmjs.org/vue-i18n/-/vue-i18n-11.1.1.tgz",
-      "integrity": "sha512-0P6DkKy96R4Wh2sIZJEHw8ivnlD1pnB6Ib/eldoF1SUpQutfKZv6aMqZwICS1gW0rwq24ZSXw7y3jW+PRVYqWA==",
-      "dependencies": {
-        "@intlify/core-base": "11.1.1",
-        "@intlify/shared": "11.1.1",
-        "@vue/devtools-api": "^6.5.0"
-      },
-      "engines": {
-        "node": ">= 16"
-      },
-      "funding": {
-        "url": "https://github.com/sponsors/kazupon"
-      },
-      "peerDependencies": {
-        "vue": "^3.0.0"
-      }
-    },
     "node_modules/vue-router": {
       "version": "4.5.0",
       "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.5.0.tgz",
diff --git a/package.json b/package.json
index aaad19d..bf8782c 100644
--- a/package.json
+++ b/package.json
@@ -45,8 +45,7 @@
     "body-scroll-lock": "~4.0.0-beta.0",
     "the-new-css-reset": "~1.11.3",
     "vite": "~6.2.0",
-    "vue": "~3.5.13",
-    "vue-i18n": "~11.1.1"
+    "vue": "~3.5.13"
   },
   "devDependencies": {
     "@trivago/prettier-plugin-sort-imports": "~4.3.0",
diff --git a/package.md b/package.md
index 91ca331..5a1e5a0 100644
--- a/package.md
+++ b/package.md
@@ -68,8 +68,6 @@ This will test the current state of TS, JS and CSS code. Tests **MUST** be execu
   > core, css
 - [vue](https://www.npmjs.com/package/vue) - Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
   > core, cue
-- [vue-i18n](https://www.npmjs.com/package/vue-i18n) - Internationalization plugin for Vue.js
-  > core, vue
 
 ## Dev-Dependencies
 
diff --git a/src/components/c-vas-language.vue b/src/components/c-vas-language.vue
index 7d78f16..7be1f5a 100644
--- a/src/components/c-vas-language.vue
+++ b/src/components/c-vas-language.vue
@@ -4,21 +4,18 @@
     <e-vas-select
       v-model="language"
       :class="b()"
-      :options="options"
+      :options="availableLanguages"
     />
   </label>
 </template>
 
 <script lang="ts">
-  import { defineComponent } from 'vue';
-  import i18n, { I18N_LOCALES } from '../setup/i18n';
+  import { defineComponent, PropType } from 'vue';
   import eVasSelect, { Options } from '../elements/e-vas-select.vue';
 
   // type Setup = {};
 
-  type Data = {
-    i18nLocales: string[];
-  };
+  // type Data = {};
 
   export default defineComponent({
     name: 'c-vas-language',
@@ -27,43 +24,56 @@
       eVasSelect
     },
 
-    // props: {},
+    props: {
+      /**
+       * Array of available languages.
+       */
+      availableLanguages: {
+        type: Array as PropType<Options[]>,
+        default: () => [],
+      },
+
+      /**
+       * The currently selected language.
+       */
+      selectedLanguage: {
+        type: String,
+        default: '',
+      },
+    },
+
+    emits: {
+      'updateLanguage': (language: string) => typeof language === 'string',
+    },
 
     // setup(): Setup {
     //   return {
     //   };
     // },
-    data(): Data {
-      return {
-        i18nLocales: I18N_LOCALES,
-      };
-    },
+    // data(): Data {
+    //   return {};
+    // },
 
     // components: {},
     computed: {
-      options(): Options[] {
-        return this.i18nLocales.map(locale => ({
-          value: locale,
-          label: this.$t(`s-language.${locale}`)
-        }));
-      },
-
       /**
        * The current language.
        */
       language: {
         get() {
-          // @ts-ignore -- 'locale' is a reactive, not a string. @see https://github.com/intlify/vue-i18n-next/issues/785
-          return i18n.global.locale?.value;
+          return this.selectedLanguage
         },
         set(value: string) {
-          // TODO: we need to set the locale.
-          console.log('set: ', value);
+          this.$emit('updateLanguage', value);
         },
       },
     },
     // methods: {},
-    // watch: {},
+    watch: {
+      language(newLanguage: string) {
+        this.$emit('updateLanguage', newLanguage);
+      },
+    },
 
     // beforeCreate() {},
     // created() {},
diff --git a/src/components/c-vas-sidebar-config.vue b/src/components/c-vas-sidebar-config.vue
index 115e674..0de8fc5 100644
--- a/src/components/c-vas-sidebar-config.vue
+++ b/src/components/c-vas-sidebar-config.vue
@@ -1,7 +1,9 @@
 <template>
   <ul :class="b()">
     <li :class="b('item')">
-      <c-vas-language />
+      <c-vas-language :selected-language="selectedLanguage"
+                      :available-languages="availableLanguages"
+                      @update-language="onUpdateLanguage" />
     </li>
     <li :class="b('item')">
       <c-vas-theme-selector
@@ -39,6 +41,7 @@
   import cVasThemeSelector from './c-vas-theme-selector.vue';
   import eVasToggle from '../elements/e-vas-toggle.vue';
   import cVasHtmlValidation from './c-vas-html-validation.vue';
+  import type { Options } from '../elements/e-vas-select.vue';
 
   // type Setup = {};
   type Data = {
@@ -71,10 +74,27 @@
         type: Array as PropType<ThemeConfig[]>,
         default: () => [],
       },
+
+      /**
+       * Array of available languages.
+       */
+      availableLanguages: {
+        type: Array as PropType<Options[]>,
+        default: () => [],
+      },
+
+      /**
+       * The currently selected language.
+       */
+      selectedLanguage: {
+        type: String,
+        default: '',
+      },
     },
 
     emits: {
       'updateTheme': (theme: string) => typeof theme === 'string',
+      'updateLanguage': (language: string) => typeof language === 'string',
     },
     // setup(): Setup {
     //   return {
@@ -90,7 +110,11 @@
     methods: {
       onUpdateTheme(theme: string) {
         this.$emit('updateTheme', theme);
-      }
+      },
+
+      onUpdateLanguage(language: string) {
+        this.$emit('updateLanguage', language);
+      },
     },
   });
 </script>
diff --git a/src/components/c-vas-sidebar.vue b/src/components/c-vas-sidebar.vue
index ca14054..f24a7f5 100644
--- a/src/components/c-vas-sidebar.vue
+++ b/src/components/c-vas-sidebar.vue
@@ -59,7 +59,10 @@
         <c-vas-sidebar-config
           :theme-path="settings.themePath"
           :available-themes="settings.availableThemes"
+          :available-languages="settings.availableLanguages"
+          :selected-language="settings.selectedLanguage"
           @update-theme="onUpdateTheme"
+          @update-language="onUpdateLanguage"
         />
       </section>
     </div>
@@ -107,6 +110,7 @@
 
     emits: {
       'updateTheme': (theme: string) => typeof theme === 'string',
+      'updateLanguage': (language: string) => typeof language === 'string',
     },
     setup(): Setup {
       return {
@@ -163,6 +167,10 @@
         this.$emit('updateTheme', theme);
       },
 
+      onUpdateLanguage(language: string) {
+        this.$emit('updateLanguage', language);
+      },
+
       /**
        * Hides the overlay if the user clicks somewhere else than inside the container.
        */
diff --git a/src/components/c-vas-theme-selector.vue b/src/components/c-vas-theme-selector.vue
index 61d0aa4..6b81b46 100644
--- a/src/components/c-vas-theme-selector.vue
+++ b/src/components/c-vas-theme-selector.vue
@@ -69,7 +69,7 @@
         },
         set(value: string) {
           // TODO: we need to set the theme.
-          console.log('set: ', value);
+          console.log('set: ', value); /* eslint-disable-line no-console */
         },
       },
 
diff --git a/src/elements/e-vas-multiselect.vue b/src/elements/e-vas-multiselect.vue
index 20c7521..44586a4 100644
--- a/src/elements/e-vas-multiselect.vue
+++ b/src/elements/e-vas-multiselect.vue
@@ -5,7 +5,6 @@
       v-if="isOpen && hasSearch"
       v-model="searchTerm"
       ref="searchField"
-      :placeholder="$t('e-multiselect.searchFieldPlaceholder')"
       :class="b('search-field')"
       type="text"
       @mouseenter="hover = true"
@@ -59,7 +58,6 @@
 
 <script lang="ts">
   import { defineComponent, PropType, Ref, ref, toRefs } from 'vue';
-  import i18n from '../setup/i18n';
   import useFormStates, { FormStates, withProps } from '../compositions/form-states';
   import useUuid, { Uuid } from '../compositions/uuid';
   import eVasCheckbox from './e-vas-checkbox.vue';
@@ -122,7 +120,7 @@
        */
       placeholder: {
         type: [String, Boolean],
-        default: i18n.global.t('e-multiselect.defaultPlaceholder'),
+        default: 'placeholder',
         validator: (value: string | boolean) => typeof value === 'string' || !value,
       },
 
diff --git a/src/elements/e-vas-progress.vue b/src/elements/e-vas-progress.vue
index b4df2b2..ebb305b 100644
--- a/src/elements/e-vas-progress.vue
+++ b/src/elements/e-vas-progress.vue
@@ -68,7 +68,7 @@
        * Returns a readable loading message.
        */
       loadingMessage(): string {
-        return this.message || this.$t('e-progress.loading');
+        return this.message || 'loading';
       },
 
       /**
diff --git a/src/helpers/format-price.ts b/src/helpers/format-price.ts
deleted file mode 100644
index 9fc939b..0000000
--- a/src/helpers/format-price.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import i18n from '@/setup/i18n';
-
-// TODO: Remove
-
-/**
- * Formats the price according to project standards (Price value in cents).
- */
-export default function formatPrice(value: number, currencyBefore?: boolean, currencyAfter?: boolean): string | null {
-  const locale = 'de'; // TODO - replace hardcoded locale
-  const currency = 'CHF'; // TODO - replace hardcoded currency
-
-  // If we don't get a number, we don't modify the content.
-  if (Number.isNaN(value)) {
-    return '';
-  }
-
-  const formattedPrice = i18n.global.n(value / 100, 'decimal', locale).replace(/’|'/g, '\u0020'); // Divide by 100 because we get prices in centimes.
-  const beforePriceSlot = currencyBefore ? `${currency} ` : '';
-  const afterPriceSlot = currencyAfter ? ` ${currency}` : '';
-
-  return `${beforePriceSlot}${formattedPrice}${afterPriceSlot}`;
-}
diff --git a/src/setup/i18n.ts b/src/setup/i18n.ts
deleted file mode 100644
index 581904a..0000000
--- a/src/setup/i18n.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import { createI18n, IntlDateTimeFormat } from 'vue-i18n';
-import fallbackMessages from '../translations/de.json';
-
-type MessagesSchema = typeof fallbackMessages;
-
-export const PAGE_LANG = document?.documentElement?.lang;
-
-export const I18N_FALLBACK = 'de';
-export const I18N_FALLBACK_MESSAGES = fallbackMessages;
-export const I18N_LOCALES = [I18N_FALLBACK, 'fr'];
-
-const datetimeFormats: IntlDateTimeFormat = {
-  month: {
-    // January, February, March, ...
-    month: 'long',
-  },
-  weekday: {
-    // Monday, Tuesday, Wednesday, ...
-    weekday: 'long',
-  },
-};
-
-const getStyleguideTranslations = (): Record<string, object> =>
-  import.meta.glob('../styleguide/translations.json', { eager: true })['../styleguide/translations.json'] as Record<
-    string,
-    object
-  >;
-
-// Add styleguide only translations
-if (import.meta.env.MODE !== 'production') {
-  const styleguideTranslations = getStyleguideTranslations();
-
-  if (styleguideTranslations[I18N_FALLBACK]) {
-    Object.entries(styleguideTranslations[I18N_FALLBACK]).forEach(([key, value]) => {
-      // @ts-ignore Needed because typescript cannot assign index.
-      I18N_FALLBACK_MESSAGES[key] = value;
-    });
-  }
-}
-
-const i18n = createI18n<[MessagesSchema], 'de'>({
-  legacy: true, // Inject translation methods
-  locale: I18N_FALLBACK,
-  fallbackLocale: I18N_FALLBACK,
-  datetimeFormats: {
-    [I18N_FALLBACK]: datetimeFormats,
-    [PAGE_LANG]: datetimeFormats,
-  },
-
-  warnHtmlInMessage: import.meta.env.MODE !== 'production' ? 'error' : 'off',
-
-  /**
-   * Callback for the 'missing' event, during translation lookup.
-   */
-  missing(locale, messageKey) {
-    console.error(`No '${locale}' translations found for '${messageKey}'`); // eslint-disable-line no-console
-  },
-  messages: {
-    [I18N_FALLBACK]: I18N_FALLBACK_MESSAGES,
-  },
-  numberFormats: {
-    de: {
-      decimal: {
-        style: 'decimal',
-        minimumFractionDigits: 2,
-      },
-      percent: {
-        style: 'percent',
-        useGrouping: false,
-      },
-    },
-  },
-});
-
-export default i18n;
diff --git a/src/setup/plugins.ts b/src/setup/plugins.ts
index 7fee2de..6bd301c 100644
--- a/src/setup/plugins.ts
+++ b/src/setup/plugins.ts
@@ -1,7 +1,5 @@
 /* eslint-disable import/first */
 import { Plugin } from 'vue';
-// MUST come after i18n because of build order.
-import i18n from './i18n';
 import VueBemCn from '../plugins/vue-bem-cn';
 import viewport from '../plugins/viewport';
 
@@ -11,7 +9,6 @@ export type CustomPlugin = {
 };
 
 export default [
-  { plugin: i18n },
   { plugin: viewport },
   {
     plugin: VueBemCn,
diff --git a/src/styleguide/styleguide.vue b/src/styleguide/styleguide.vue
index 9e609b3..bec6100 100644
--- a/src/styleguide/styleguide.vue
+++ b/src/styleguide/styleguide.vue
@@ -46,6 +46,17 @@
               selected: false,
             },
           ],
+          availableLanguages: [
+            {
+              label: 'English',
+              value: 'en',
+            },
+            {
+              label: 'Deutsch',
+              value: 'de',
+            },
+          ],
+          selectedLanguage: 'de',
         }
       };
     },
diff --git a/src/translations/de.json b/src/translations/de.json
deleted file mode 100644
index 1e3eb0c..0000000
--- a/src/translations/de.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-  "globalMessages": {
-    "unknownApiError": "Es ist ein unbekannter Fehler aufgetreten.",
-    "noResults": "Keine Ergebnisse gefunden."
-  },
-  "e-logo": {
-    "linkTitle": "zur Startseite"
-  },
-  "e-select": {
-    "chooseOption": "Bitte wählen"
-  },
-  "e-table": {
-    "deselectAll": "Auswahl aufheben",
-    "selectAll": "Alle auswählen",
-    "selectItem": "Auswählen",
-    "showDetailsHeader": "Details anzeigen",
-    "sort": "Nach {name} sortieren",
-    "toggleSortingOptions": "Sortierung"
-  },
-  "e-progress": {
-    "loading": "Lade …"
-  },
-  "e-multiselect": {
-    "defaultPlaceholder": "Bitte wählen",
-    "searchFieldPlaceholder": "Suche"
-  },
-  "c-breadcrumb": {
-    "linkTitle": "Gehe zu {name}"
-  },
-  "c-confirmation-modal": {
-    "confirm": "Bestätigen",
-    "cancel": "Abbrechen"
-  },
-  "c-consent-gatekeeper": {
-    "noConsentMessage": "Diese Funktionalität benötigt Ihre Zustimmung für \"{consentGroup}\"-Cookies. Bitte aktualisieren Sie Ihre Zustimmung.",
-    "showConsentButtonLabel": "Zustimmung anpassen"
-  },
-  "c-notification": {
-    "confirm": "OK",
-    "decline": "Abbrechen",
-    "close": "Schliessen"
-  },
-  "c-modal": {
-    "buttonClose": "Fenster schliessen"
-  },
-  "c-multiselect": {
-    "search": "suchen",
-    "save": "Speichern",
-    "itemsEmpty": "Keine Ergebnisse.",
-    "searchTitle": "Suche"
-  },
-  "c-date-picker": {
-    "calendarRangeTitle": "Datumsbereich auswählen",
-    "calendarTitle": "Datum auswählen",
-    "inputEndLabel": "Ende",
-    "inputLabel": "Datum",
-    "inputStartLabel": "Start",
-    "nextMonth": "Nächster Monat",
-    "previousMonth": "Vorheriger Monat"
-  },
-  "c-slider": {
-    "navigationPrevious": "Zurück",
-    "navigationNext": "Vorwärts"
-  },
-  "s-language": {
-    "de": "Deutsch",
-    "fr": "Französisch"
-  }
-}
diff --git a/src/translations/fr.json b/src/translations/fr.json
deleted file mode 100644
index 4d046f9..0000000
--- a/src/translations/fr.json
+++ /dev/null
@@ -1,43 +0,0 @@
-{
-  "globalMessages": {
-    "unknownApiError": "Une erreur inconnue s'est produite.",
-    "noResults": "Aucun résultat."
-  },
-  "e-logo": {
-    "linkTitle": "à la page d'accueil"
-  },
-  "e-select": {
-    "chooseOption": "SVP Sélectionner"
-  },
-  "e-table": {
-    "sort": "Trier par {name}"
-  },
-  "e-progress": {
-    "loading": "Charge …"
-  },
-  "e-multiselect": {
-    "defaultPlaceholder": "SVP Sélectionner",
-    "searchFieldPlaceholder": "Rechercher"
-  },
-  "c-breadcrumb": {
-    "linkTitle": "Allez vers {name}"
-  },
-  "c-notification": {
-    "confirm": "OK",
-    "decline": "Annuler",
-    "close": "Fermer"
-  },
-  "c-modal": {
-    "closeTitle": "fermer la fenêtre"
-  },
-  "c-multiselect": {
-    "search": "Rechercher",
-    "save": "Enregistrer",
-    "itemsEmpty": "Aucun résultat",
-    "searchTitle": "Recherche"
-  },
-  "s-language": {
-    "de": "Allemand",
-    "fr": "Français"
-  }
-}
diff --git a/src/types/settings.ts b/src/types/settings.ts
index b586bef..a7f209a 100644
--- a/src/types/settings.ts
+++ b/src/types/settings.ts
@@ -7,4 +7,9 @@ export type ThemeConfig = {
 export type StyleguideSettings = {
   themePath: string;
   availableThemes: ThemeConfig[];
+  selectedLanguage: string;
+  availableLanguages: {
+    label: string;
+    value: string;
+  }[];
 };
diff --git a/vite.config.ts b/vite.config.ts
index aea8495..4f5277b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -44,12 +44,6 @@ export default defineConfig(({ command, mode }) => {
     resolve: {
       alias,
     },
-    define: {
-      // Was required to get rid of esm build warning for Vue-i18n.
-      // @see https://vue-i18n.intlify.dev/guide/advanced/optimization.html#reduce-bundle-size-with-feature-build-flags
-      __VUE_I18N_FULL_INSTALL__: true,
-      __VUE_I18N_LEGACY_API__: false,
-    },
     json: {
       stringify: true,
     },