Files
discord-clone/layouts/default.vue
2023-01-10 19:19:37 -06:00

35 lines
740 B
Vue

<template>
<div class="flex h-screen max-h-screen text-white">
<Nav :user="user"/>
<Sidebar :server="activeServer"
:user="user" />
<div class="w-[calc(100vw-88px-240px)] h-full">
<slot />
</div>
</div>
</template>
<script lang="ts">
import { useGlobalStore } from '~/stores/store'
export default {
data() {
return {
activeServer: storeToRefs(useGlobalStore()).activeServer,
user: storeToRefs(useGlobalStore()).user
}
},
async setup() {
const userStore = useGlobalStore()
const sessionToken = useCookie('sessionToken')
if (userStore.user.id === undefined && sessionToken.value) {
const user = await $fetch('/api/getCurrentUser')
if (!user) return;
userStore.setUser(user)
}
}
}
</script>