44 lines
1.1 KiB
Vue
44 lines
1.1 KiB
Vue
<script setup>
|
||
import { useAuthStore } from '@/stores/auth'
|
||
import ScrollToTop from '@core/components/ScrollToTop.vue'
|
||
import { useThemeConfig } from '@core/composable/useThemeConfig'
|
||
import { hexToRgb } from '@layouts/utils'
|
||
import { useTheme } from 'vuetify'
|
||
|
||
const {
|
||
syncInitialLoaderTheme,
|
||
syncVuetifyThemeWithTheme: syncConfigThemeWithVuetifyTheme,
|
||
isAppRtl,
|
||
handleSkinChanges,
|
||
} = useThemeConfig()
|
||
|
||
const { global } = useTheme()
|
||
|
||
// ℹ️ Sync current theme with initial loader theme
|
||
syncInitialLoaderTheme()
|
||
syncConfigThemeWithVuetifyTheme()
|
||
handleSkinChanges()
|
||
|
||
const authStore = useAuthStore()
|
||
if (!authStore.user || !authStore.role) {
|
||
authStore.getUser()
|
||
authStore.getRoleUser()
|
||
}
|
||
</script>
|
||
|
||
<template>
|
||
<VLocaleProvider :rtl="isAppRtl">
|
||
<!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
|
||
<VApp :style="`--v-global-theme-primary: ${hexToRgb('#3a418d')}`">
|
||
<RouterView />
|
||
<ScrollToTop />
|
||
</VApp>
|
||
</VLocaleProvider>
|
||
</template>
|
||
|
||
<style lang="scss">
|
||
.swal2-container {
|
||
z-index: 2500 !important;
|
||
}
|
||
</style>
|