stream day 2

pages/channel/@me/[dmId].vue

@@ -0,0 +1,16 @@
+<template>
+	hello world
+</template>
+
+<script>
+import { useServerStore } from '~/stores/servers'
+
+export default {
+	async setup() {
+		const route = useRoute()
+
+		const { server } = await $fetch(`/api/channel/${route.params.dmId}`)
+		if (!useServerStore().dms.includes(server)) useServerStore().addDM(server);
+	}
+}
+</script>

pages/channel/@me/index.vue

@@ -0,0 +1,26 @@
+<template>
+	<form @submit.prevent="startDM">
+		<input v-model="userId" />
+		<input type="submit" />
+	</form>
+</template>
+
+<script>
+import { useServerStore } from '~/stores/servers'
+
+export default {
+	data() {
+		return {
+			userId: ''
+		}
+	},
+	methods: {
+		async startDM() {
+			const { server } = await $fetch('/api/channel/createDM', { method: 'post', body: { partnerId: this.userId } })
+
+			useServerStore().addDM(server)
+			useRouter().push({ path: '/channel/@me/' + server.id })
+		}
+	}
+}
+</script>

pages/channel/[id].vue

@@ -2,6 +2,11 @@
 	hello world
 </template>
 
-<script setup>
-$fetch('/api/getChannelById', { params: { test: 123 } })
+<script setup async>
+import { useServerStore } from '~/stores/servers'
+
+const route = useRoute()
+
+const { server } = await $fetch(`/api/channel/${route.params.id}`)
+if (!useServerStore().servers.includes(server)) useServerStore().addServer(server);
 </script>

pages/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    Hello there
+    Hello there traveler
     <nuxt-link to="/login">Login</nuxt-link>
     <nuxt-link to="/signup">Signup</nuxt-link>
   </div>

pages/login.vue

@@ -15,6 +15,8 @@
 </template>
 
 <script>
+import { useUserStore } from '~/stores/user'
+
 export default {
 	data() {
 		return {
@@ -36,6 +38,8 @@ export default {
 			userId.value = user.userId
 			const token = useCookie('sessionToken')
 			token.value = user.token
+
+			useUserStore().setUser(user)
 		}
 	}
 }

pages/signup.vue

@@ -19,6 +19,8 @@
 </template>
 
 <script>
+import { useUserStore } from '~/stores/user'
+
 export default {
 	data() {
 		return {
@@ -42,6 +44,8 @@ export default {
 			userId.value = user.userId
 			const token = useCookie('sessionToken')
 			token.value = user.token
+
+			useUserStore().setUser(user)
 		}
 	}
 }