fix(update): added i18n

eslint.config.js

@@ -39,4 +39,6 @@ export default withNuxt({
     ],
     'vue/multi-word-component-names': 'off'
   }
-}).prepend(pluginSecurity.configs.recommended, eslintPluginPrettierRecommended);
+})
+  .prepend(pluginSecurity.configs.recommended, eslintPluginPrettierRecommended)
+  .remove('nuxt/import-globals');

i18n.config.js

@@ -0,0 +1,12 @@
+import { i18nMessageDe, i18nMessageEn } from './src/globals/locales';
+
+export const DEFAULT_LOCALE = 'en';
+
+export default {
+  legacy: false,
+  locale: DEFAULT_LOCALE,
+  messages: {
+    en: i18nMessageEn,
+    de: i18nMessageDe
+  }
+};

nuxt.config.js

@@ -2,6 +2,7 @@ import path from 'pathe';
 import { defineNuxtConfig } from 'nuxt/config';
 import svgLoader from 'vite-svg-loader';
 import * as postcssFunctions from './src/globals/postcss/functions';
+import { DEFAULT_LOCALE } from './i18n.config';
 
 const isDev = process.env.NODE_ENV === 'development';
 
@@ -14,6 +15,14 @@ export default defineNuxtConfig(() => {
 
     css: ['@/assets/css/vars.css'],
 
+    compatibilityDate: '2024-08-01',
+
+    devtools: { enabled: false },
+
+    imports: {
+      autoImport: false
+    },
+
     site: {
       indexable: false,
       trailingSlash: true,
@@ -121,6 +130,26 @@ export default defineNuxtConfig(() => {
       order: 'cssnanoLast'
     },
 
+    i18n: {
+      baseUrl: getWebsiteHost(),
+      locales: [
+        {
+          code: 'de',
+          iso: 'de-DE'
+        },
+        {
+          code: 'en',
+          iso: 'en-EN'
+        }
+      ],
+      detectBrowserLanguage: {
+        useCookie: false
+      },
+      defaultLocale: DEFAULT_LOCALE,
+      strategy: 'prefix_except_default',
+      vueI18n: './i18n.config.js'
+    },
+
     image: {
       // The screen sizes predefined by `@nuxt/image`:
       screens: {
@@ -260,6 +289,7 @@ export default defineNuxtConfig(() => {
       '@nuxtjs/seo',
       '@nuxt/content',
       '@pinia/nuxt',
+      '@nuxtjs/i18n',
       'nuxt-booster'
     ],
 
@@ -271,11 +301,7 @@ export default defineNuxtConfig(() => {
 });
 
 function getWebsiteHost() {
-  return (
-    process.env.npm_config_website_host ||
-    process.env.WEBSITE_HOST ||
-    'http://localhost:8050'
-  );
+  return process.env.npm_config_website_host || process.env.WEBSITE_HOST;
 }
 
 function getBaseUrl() {