MMMMMMMMMMMMMMMM types

pages/channel/[id].vue

@@ -2,36 +2,34 @@
 	<MessagePane :server="server" />
 </template>
 
+<script async setup lang="ts">
+const route = useRoute()
+
+const server: IChannel = await $fetch(`/api/channels/${route.params.id}`)
+
+const realServer = useGlobalStore().user.servers.find((e) => e.channels.some((el) => el.id == route.params.id))
+
+if (realServer) {
+	useGlobalStore().addServer(realServer);
+	useGlobalStore().setActive('servers', realServer.id)
+}
+</script>
+
 <script lang="ts">
 import { useGlobalStore } from '~/stores/store'
+import { IChannel } from '~/types'
 
 definePageMeta({
 	middleware: 'auth'
 })
 
 export default {
-	async setup() {
-		const route = useRoute()
-
-		const { channel: server } = await $fetch(`/api/channels/${route.params.id}`)
-		if (!server) return;
-
-		const realServer = await useGlobalStore().user.servers.find((e) => e.channels.some((el) => el.id == route.params.id ) )
-
-		useGlobalStore().addServer(realServer);
-		await useGlobalStore().setActive('servers', realServer.id)
-
-
-		return {
-			server
-		}
-	},
 	async updated() {
 		if (!this.server) return;
 
 		this.server = await $fetch(`/api/channels/${route.params.id}`);
 
-		if (!await useGlobalStore().activeServer == this.server.id) await useGlobalStore().setActive('servers', this.server.id)
+		if (!useGlobalStore().activeServer == this.server.id) useGlobalStore().setActive('servers', this.server.id)
 	}
 }
 </script>