ffplayout/layouts/default.vue
2024-04-09 21:08:25 +02:00

31 lines
694 B
Vue

<template>
<div class="min-h-screen bg-base-200">
<div v-if="authStore.isLogin && route.name !== 'index'" class="sticky top-0 z-10">
<Menu />
</div>
<main :class="authStore.isLogin && route.name !== 'index' ? 'h-[calc(100%-52px)]' : 'h-full'">
<slot />
</main>
<Alert />
</div>
</template>
<script setup lang="ts">
const colorMode = useColorMode()
const configStore = useConfig()
const authStore = useAuth()
const indexStore = useIndex()
const route = useRoute()
await configStore.nuxtClientInit()
if (colorMode.value === 'dark') {
indexStore.darkMode = true
} else {
indexStore.darkMode = false
}
</script>