mirror of
https://github.com/haexhub/haex-hub.git
synced 2025-12-16 22:20:51 +01:00
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:
@ -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">
|
||||||
|
|||||||
@ -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', {
|
||||||
|
|||||||
Reference in New Issue
Block a user