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
This commit is contained in:
2025-10-31 23:24:20 +01:00
parent dceb49ae90
commit 4ff6aee4d8
2 changed files with 8 additions and 4 deletions

View File

@ -1,7 +1,9 @@
<template> <template>
<div>
<UDashboardPanel resizable> <UDashboardPanel resizable>
<HaexDesktop /> <HaexDesktop />
</UDashboardPanel> </UDashboardPanel>
</div>
</template> </template>
<script setup lang="ts"> <script setup lang="ts">

View File

@ -10,7 +10,9 @@ export const useUiStore = defineStore('uiStore', () => {
const isSmallScreen = breakpoints.smaller('sm') const isSmallScreen = breakpoints.smaller('sm')
const { $i18n } = useNuxtApp() const { $i18n } = useNuxtApp()
const { locale } = useI18n() const { locale } = useI18n({
useScope: 'global',
})
const { platform } = useDeviceStore() const { platform } = useDeviceStore()
$i18n.setLocaleMessage('de', { $i18n.setLocaleMessage('de', {