stream day 3

App.vue

@@ -2,9 +2,12 @@
 	<div>
 		<NuxtLayout>
 			<div class="flex h-screen max-h-screen">
-				<Nav />
-				<Sidebar />
-				<NuxtPage />
+				<Nav :servers="servers" />
+				<Sidebar :server="activeServer"
+					:user="user" />
+				<div class="w-full h-full">
+					<NuxtPage :user="user" />
+				</div>
 			</div>
 		</NuxtLayout>
 	</div>
@@ -12,12 +15,19 @@
   
 <script lang="ts">
 import { useUserStore } from '~/stores/user'
+import { useServerStore } from './stores/servers'
 
 export default {
+	data() {
+		return {
+			servers: useServerStore().servers,
+			activeServer: storeToRefs(useServerStore()).activeServer,
+			user: useUserStore().user
+		}
+	},
 	async setup() {
 		const userStore = useUserStore()
 		const sessionToken = useCookie('sessionToken')
-		console.log(sessionToken.value)
 		if (userStore.user.id === undefined && sessionToken.value) {
 			const user = await $fetch('/api/getCurrentUser')