stream day 6

layouts/default.vue

@@ -1,18 +1,25 @@
 <template>
-	<div v-if="user.id" 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 />
+	<Suspense>
+		<div v-if="user.id"
+			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>
-	</div>
+		<template #fallback>
+			Loading...
+		</template>
+	</Suspense>
 </template>
   
 <script lang="ts">
 import { Nav, Sidebar } from '~/.nuxt/components'
 import { useGlobalStore } from '~/stores/store'
-import { IUser } from '~/types'
+import { SafeUser } from '~/types'
 
 export default {
 	data() {
@@ -26,7 +33,7 @@ export default {
 		const userStore = useGlobalStore()
 		const sessionToken = useCookie('sessionToken')
 		if (userStore.user.id === undefined && sessionToken.value) {
-			const user: IUser = await $fetch('/api/getCurrentUser')
+			const user: SafeUser = await $fetch('/api/getCurrentUser')
 
 			if (!user) return;