From 0525f7908d8a3fc7a25a062516f4f6ed4e76414a Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Fri, 21 Nov 2025 09:03:53 +0100
Subject: [PATCH] Refactor localization handling in frontend components to use
 centralized i18n instance

This commit updates the localization implementation in App.vue, LogsView.vue, and PermissionsView.vue by replacing the use of `useI18n` with a direct import of the i18n instance. This change simplifies the translation function calls and ensures consistency across the application.
---
 frontend/src/App.vue                   | 2 +-
 frontend/src/views/LogsView.vue        | 4 ++--
 frontend/src/views/PermissionsView.vue | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 070ac49..eb9b609 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -336,7 +336,7 @@ export default {
     
     // Synchronisiere Sprache aus Store mit i18n
     if (this.language) {
-      this.$i18n.locale.value = this.language;
+      this.$i18n.locale = this.language;
     }
     
     // Nur Daten laden, wenn der Benutzer authentifiziert ist
diff --git a/frontend/src/views/LogsView.vue b/frontend/src/views/LogsView.vue
index 2264798..917da7e 100644
--- a/frontend/src/views/LogsView.vue
+++ b/frontend/src/views/LogsView.vue
@@ -193,7 +193,7 @@
 
 <script>
 import { ref, computed, onMounted } from 'vue';
-import { useI18n } from 'vue-i18n';
+import i18n from '../i18n';
 import apiClient from '../apiClient.js';
 import InfoDialog from '../components/InfoDialog.vue';
 
@@ -203,7 +203,7 @@ export default {
     InfoDialog
   },
   setup() {
-    const { t } = useI18n();
+    const t = (key, params) => i18n.global.t(key, params);
     const logs = ref([]);
     const total = ref(0);
     const loading = ref(false);
diff --git a/frontend/src/views/PermissionsView.vue b/frontend/src/views/PermissionsView.vue
index c1ec56c..5c631df 100644
--- a/frontend/src/views/PermissionsView.vue
+++ b/frontend/src/views/PermissionsView.vue
@@ -155,7 +155,7 @@
 <script>
 import { ref, computed, onMounted } from 'vue';
 import { useStore } from 'vuex';
-import { useI18n } from 'vue-i18n';
+import i18n from '../i18n';
 import apiClient from '../apiClient.js';
 import { usePermissions } from '../composables/usePermissions.js';
 import InfoDialog from '../components/InfoDialog.vue';
@@ -169,7 +169,7 @@ export default {
   },
   setup() {
     const store = useStore();
-    const { t } = useI18n();
+    const t = (key, params) => i18n.global.t(key, params);
     const { isOwner, isAdmin, can } = usePermissions();
     
     const infoDialog = ref({