stream day 6

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

@@ -2,6 +2,16 @@
 	<MessagePane :server="server" />
 </template>
 
+<script async setup lang="ts">
+const route = useRoute()
+
+const server: IChannel = await $fetch(`/api/channels/${route.params.id}`)
+if (server) {
+	useGlobalStore().addDM(server);
+	useGlobalStore().setActive('dms', server.id);
+}
+</script>
+
 <script lang="ts">
 import { useGlobalStore } from '~/stores/store'
 import { IChannel } from '~/types'
@@ -11,18 +21,6 @@ definePageMeta({
 })
 
 export default {
-	async setup() {
-		const route = useRoute()
-
-		const server: IChannel = await $fetch(`/api/channels/${route.params.id}`)
-		if (!server) return;
-		useGlobalStore().addDM(server);
-		useGlobalStore().setActive('dms', server.id);
-
-		return {
-			server,
-		}
-	},
 	async updated() {
 		if (!useGlobalStore().activeServer == this.server) useGlobalStore().setActive('dms', this.server.id)
 	},

pages/channel/[id].vue

@@ -7,7 +7,7 @@ const route = useRoute()
 
 const server: IChannel = await $fetch(`/api/channels/${route.params.id}`)
 
-const realServer = useGlobalStore().user.servers.filter((e) => e.channels.some((el) => el.id == route.params.id))[0]
+const realServer = useGlobalStore().user.servers?.filter((e) => e.channels.some((el) => el.id == route.params.id))[0]
 
 if (realServer) {
 	useGlobalStore().addServer(realServer);