56 lines
1.3 KiB
Vue
56 lines
1.3 KiB
Vue
<script setup lang="ts">
|
|
import LayoutDefault from './layouts/default.vue'
|
|
|
|
import { RouterView } from 'vue-router'
|
|
import {
|
|
NGlobalStyle,
|
|
NConfigProvider,
|
|
NMessageProvider,
|
|
NDialogProvider,
|
|
NLoadingBarProvider,
|
|
lightTheme,
|
|
darkTheme,
|
|
} from 'naive-ui'
|
|
import { usePreferredDark } from '@vueuse/core'
|
|
import { useUserStore } from './stores/user'
|
|
import { onMounted } from 'vue'
|
|
import { useServicesStore } from './stores/services'
|
|
|
|
const themeOverrides = {
|
|
common: {
|
|
fontFamily: 'Nunito Variable, v-sans, ui-system, -apple-system, sans-serif',
|
|
primaryColor: '#7D80BAFF',
|
|
primaryColorHover: '#9294C5FF',
|
|
primaryColorPressed: '#575B9DFF',
|
|
primaryColorSuppl: '#6B6FC1FF',
|
|
},
|
|
}
|
|
|
|
const isDark = usePreferredDark()
|
|
|
|
const userStore = useUserStore()
|
|
const servicesStore = useServicesStore()
|
|
|
|
onMounted(() => {
|
|
userStore.initialize()
|
|
|
|
userStore.fetchUser()
|
|
servicesStore.fetchServices()
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<n-config-provider :theme-overrides="themeOverrides" :theme="isDark ? darkTheme : lightTheme">
|
|
<n-global-style />
|
|
<n-loading-bar-provider>
|
|
<n-dialog-provider>
|
|
<n-message-provider placement="bottom">
|
|
<layout-default>
|
|
<router-view />
|
|
</layout-default>
|
|
</n-message-provider>
|
|
</n-dialog-provider>
|
|
</n-loading-bar-provider>
|
|
</n-config-provider>
|
|
</template>
|