several bug fixes, and websockets!

components/Sidebar.vue

@@ -1,7 +1,16 @@
 <template>
 	<div class="flex bg-[hsl(223,calc(1*6.9%),19.8%)] min-w-60 w-60 h-screen shadow-sm text-white select-none">
+		<div v-if="!server.id || server.DM == true">
+			<div>
+				<nuxt-link v-for="dm in user.channels" :to="'/channel/@me/' + dm.id">
+					<div class="mx-2 my-4 hover:bg-[hsl(223,calc(1*6.9%),25.8%)] px-2 py-2 w-[calc(240px-1rem)] max-h-10 h-10 overflow-ellipsis rounded-md transition-colors">
+						{{ (dm.name).split('-').filter((e: string) => e !== user.id)[0] }}
+					</div>
+				</nuxt-link>
+			</div>
+		</div>
 		<div class="w-full"
-			v-if="server">
+			v-else>
 			<div class="flex p-4 border-b border-zinc-600/80">
 				<h4 class="text-lg font-semibold w-fit ">
 					{{ server.name }}
@@ -29,12 +38,7 @@
 </template>
 
 <script lang="ts">
-import { useServerStore } from '~/stores/servers'
-
 export default {
-	mounted() {
-		console.log(useServerStore().currentServer, useServerStore().servers)
-	},
 	props: ['server', 'user']
 }
 </script>