From 4ff6aee4d8ace8474b6729b03930028e81ae16cf Mon Sep 17 00:00:00 2001
From: haex <hexxx@ok.de>
Date: Fri, 31 Oct 2025 23:24:20 +0100
Subject: [PATCH] Fix Vue i18n warnings and component root node issues

- Set useScope: 'global' in UI store to prevent i18n scope conflicts
- Add wrapper div to vault page to ensure single root node for transitions
- Fixes 'Duplicate useI18n calling by local scope' warning
- Fixes 'Component inside <Transition> renders non-element root node' warning
---
 src/pages/vault/[vaultId]/index.vue | 8 +++++---
 src/stores/ui/index.ts              | 4 +++-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/pages/vault/[vaultId]/index.vue b/src/pages/vault/[vaultId]/index.vue
index 0681b1d..cf74e9d 100644
--- a/src/pages/vault/[vaultId]/index.vue
+++ b/src/pages/vault/[vaultId]/index.vue
@@ -1,7 +1,9 @@
 <template>
-  <UDashboardPanel resizable>
-    <HaexDesktop />
-  </UDashboardPanel>
+  <div>
+    <UDashboardPanel resizable>
+      <HaexDesktop />
+    </UDashboardPanel>
+  </div>
 </template>
 
 <script setup lang="ts">
diff --git a/src/stores/ui/index.ts b/src/stores/ui/index.ts
index 1480e29..1fddcb7 100644
--- a/src/stores/ui/index.ts
+++ b/src/stores/ui/index.ts
@@ -10,7 +10,9 @@ export const useUiStore = defineStore('uiStore', () => {
   const isSmallScreen = breakpoints.smaller('sm')
 
   const { $i18n } = useNuxtApp()
-  const { locale } = useI18n()
+  const { locale } = useI18n({
+    useScope: 'global',
+  })
   const { platform } = useDeviceStore()
 
   $i18n.setLocaleMessage('de', {