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>