fixed a bunch of bugs, yay!!!

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

@@ -2,16 +2,6 @@
 	<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'
@@ -21,8 +11,24 @@ definePageMeta({
 })
 
 export default {
+	async setup() {
+		const route = useRoute()
+
+		const headers = useRequestHeaders(['cookie']) as Record<string, string>
+		const server: IChannel = await $fetch(`/api/channels/${route.params.id}`, { headers })
+		if (!server) throw new Error('could not find the dm')
+		useGlobalStore().addDM(server);
+		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
+		useGlobalStore().setActive('dms', route.params.id);
+
+		return {
+			server
+		}
+	},
 	async updated() {
-		if (!useGlobalStore().activeServer == this.server) useGlobalStore().setActive('dms', this.server.id)
+		const route = useRoute()
+		if (typeof route.params.id !== 'string') throw new Error('route.params.id must be a string, but got an array presumably?')
+		if (useGlobalStore().activeServer !== this.server) useGlobalStore().setActive('dms', route.params.id)
 	},
 }
 </script>

pages/channel/@me/index.vue

@@ -19,9 +19,14 @@ export default {
 			userId: ''
 		}
 	},
+	mounted() {
+		console.log('mounted')
+		useGlobalStore().setActive('dms', '@me')
+	},
 	methods: {
 		async startDM() {
-			const server: IChannel = await $fetch('/api/channels/createDM', { method: 'post', body: { partnerId: this.userId } }) 
+			const headers = useRequestHeaders(['cookie']) as Record<string, string>
+			const server: IChannel = await $fetch('/api/channels/createDM', { method: 'post', body: { partnerId: this.userId }, headers }) 
 
 			useGlobalStore().addDM(server)
 			useRouter().push({ path: '/channel/@me/' + server.id })