diff --git a/components/Me/FriendsList.vue b/components/Me/FriendsList.vue
index 0a1481e..654957d 100644
--- a/components/Me/FriendsList.vue
+++ b/components/Me/FriendsList.vue
@@ -26,7 +26,9 @@
 <script lang="ts" setup>
 const { fetchFriends } = useApi();
 
-const friends = sortUsers(await fetchFriends())
+const friends = await fetchFriends().then((response) => {
+	return response.sort((a, b) => getDisplayName(a).localeCompare(getDisplayName(b)))
+})
 
 const props = defineProps<{
     variant: string
diff --git a/components/User/UserPopup.vue b/components/User/UserPopup.vue
index 6674c9e..86b5a48 100644
--- a/components/User/UserPopup.vue
+++ b/components/User/UserPopup.vue
@@ -21,6 +21,8 @@
 <script lang="ts" setup>
 import type { UserResponse } from '~/types/interfaces';
 
+const { fetchMembers } = useApi();
+
 const props = defineProps<{
 	user: UserResponse
 }>();
diff --git a/composables/api.ts b/composables/api.ts
index eff2c73..1a38476 100644
--- a/composables/api.ts
+++ b/composables/api.ts
@@ -1,36 +1,24 @@
 import type { ChannelResponse, GuildMemberResponse, GuildResponse, MessageResponse, StatsResponse, UserResponse } from "~/types/interfaces";
 
-function ensureIsArray(list: any) {
-	if (Array.isArray(list)) {
-		return list
-	} else {
-		return []
-	}
-}
-
 export const useApi = () => {
-	async function fetchGuilds(): Promise<GuildResponse[]> {
-		return ensureIsArray(await fetchWithApi(`/guilds`));
+	async function fetchGuilds(): Promise<GuildResponse[] | undefined> {
+		return await fetchWithApi(`/guilds`);
 	}
 	
 	async function fetchGuild(guildId: string): Promise<GuildResponse | undefined> {
 		return await fetchWithApi(`/guilds/${guildId}`);
 	}
 
-	async function fetchMyGuilds(): Promise<GuildResponse[]> {
-		return ensureIsArray(await fetchWithApi(`/me/guilds`));
-	}
-
-	async function fetchChannels(guildId: string): Promise<ChannelResponse[]> {
-		return ensureIsArray(await fetchWithApi(`/guilds/${guildId}/channels`));
+	async function fetchChannels(guildId: string): Promise<ChannelResponse[] | undefined> {
+		return await fetchWithApi(`/guilds/${guildId}/channels`);
 	}
 
 	async function fetchChannel(channelId: string): Promise<ChannelResponse | undefined> {
 		return await fetchWithApi(`/channels/${channelId}`)
 	}
 
-	async function fetchMembers(guildId: string): Promise<GuildMemberResponse[]> {
-		return ensureIsArray(await fetchWithApi(`/guilds/${guildId}/members`));
+	async function fetchMembers(guildId: string): Promise<GuildMemberResponse[] | undefined> {
+		return await fetchWithApi(`/guilds/${guildId}/members`);
 	}
 
 	async function fetchMember(guildId: string, memberId: string): Promise<GuildMemberResponse | undefined> {
@@ -46,7 +34,12 @@ export const useApi = () => {
 	}
 	
 	async function fetchFriends(): Promise<UserResponse[]> {
-		return ensureIsArray(await fetchWithApi('/me/friends'));
+		const response = await fetchWithApi('/me/friends')
+		if (Array.isArray(response)) {
+			return response
+		} else {
+			return []
+		}
 	}
 
 	async function addFriend(username: string): Promise<void> {
@@ -97,7 +90,6 @@ export const useApi = () => {
 	return {
 		fetchGuilds,
 		fetchGuild,
-		fetchMyGuilds,
 		fetchChannels,
 		fetchChannel,
 		fetchMembers,
diff --git a/layouts/client.vue b/layouts/client.vue
index 26a5ac9..46bdf89 100644
--- a/layouts/client.vue
+++ b/layouts/client.vue
@@ -95,7 +95,7 @@ const options = [
 						if (invite.length == 6) {
 							try {
 								const joinedGuild = await api.joinGuild(invite);
-								guilds.push(joinedGuild);
+								guilds?.push(joinedGuild);
 								return await navigateTo(`/servers/${joinedGuild.uuid}`);
 							} catch (error) {
 								alert(`Couldn't use invite: ${error}`);
@@ -151,7 +151,7 @@ const options = [
 	}
 ];
 
-const guilds = await api.fetchMyGuilds();
+const guilds: GuildResponse[] | undefined = await fetchWithApi("/me/guilds");
 
 function createDropdown() {
 	const dropdown = h(GuildDropdown, { options });
diff --git a/middleware/server.ts b/middleware/server.ts
index 48bd6a2..9f575b0 100644
--- a/middleware/server.ts
+++ b/middleware/server.ts
@@ -5,10 +5,10 @@ export default defineNuxtRouteMiddleware(async (to, from) => {
 
 	const guildId = to.params.serverId as string;
 
-	const channels: ChannelResponse[] = await fetchChannels(guildId);
+	const channels: ChannelResponse[] | undefined = await fetchChannels(guildId);
 	console.log("channels:", channels);
 
-	if (channels.length > 0) {
+	if (channels && channels.length > 0) {
 		console.log("wah");
 		return await navigateTo(`/servers/${guildId}/channels/${channels[0].uuid}`, { replace: true });
 	}
diff --git a/pages/servers/[serverId]/channels/[channelId].vue b/pages/servers/[serverId]/channels/[channelId].vue
index 5e39ef4..8915c72 100644
--- a/pages/servers/[serverId]/channels/[channelId].vue
+++ b/pages/servers/[serverId]/channels/[channelId].vue
@@ -64,7 +64,7 @@ onActivated(async () => {
 });
 
 async function setArrayVariables() {
-	members.value = sortMembers(await fetchMembers(route.params.serverId as string))
+	members.value = await fetchMembers(route.params.serverId as string);
 	const guildUrl = `guilds/${route.params.serverId}`;
 	channels.value = await fetchWithApi(`${guildUrl}/channels`);
 	console.log("channels:", channels.value);
diff --git a/utils/getDisplayName.ts b/utils/getDisplayName.ts
index 015edbc..e712555 100644
--- a/utils/getDisplayName.ts
+++ b/utils/getDisplayName.ts
@@ -1,6 +1,6 @@
 import type { GuildMemberResponse, UserResponse } from "~/types/interfaces";
 
-export default (user: UserResponse, member?: GuildMemberResponse): string => {
+export function getDisplayName(user: UserResponse, member?: GuildMemberResponse): string {
 	if (member?.nickname) return member.nickname
 	if (user.display_name) return user.display_name
 	return user.username
diff --git a/utils/hashPassword.ts b/utils/hashing.ts
similarity index 84%
rename from utils/hashPassword.ts
rename to utils/hashing.ts
index d87af14..847a9dc 100644
--- a/utils/hashPassword.ts
+++ b/utils/hashing.ts
@@ -1,4 +1,4 @@
-export default async (password: string) => {
+export async function hashPassword(password: string) {
   const encodedPass = new TextEncoder().encode(password);
   const hashBuffer = await crypto.subtle.digest("SHA-384", encodedPass);
   const hashArray = Array.from(new Uint8Array(hashBuffer));
diff --git a/utils/sortMembers.ts b/utils/sortMembers.ts
deleted file mode 100644
index 87a1a2a..0000000
--- a/utils/sortMembers.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { GuildMemberResponse } from "~/types/interfaces";
-
-export default (members: GuildMemberResponse[]): GuildMemberResponse[] => {
-	return members.sort((a, b) => {
-		return getDisplayName(a.user, a).localeCompare(getDisplayName(b.user, b))
-	})
-}
\ No newline at end of file
diff --git a/utils/sortUsers.ts b/utils/sortUsers.ts
deleted file mode 100644
index 8708366..0000000
--- a/utils/sortUsers.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-import type { UserResponse } from "~/types/interfaces";
-
-export default (users: UserResponse[]): UserResponse[] => {
-	return users.sort((a, b) => {
-		return getDisplayName(a).localeCompare(getDisplayName(b))
-	})
-}
\ No newline at end of file
diff --git a/utils/validateUsername.ts b/utils/validateUsername.ts
deleted file mode 100644
index 9066df5..0000000
--- a/utils/validateUsername.ts
+++ /dev/null
@@ -1,3 +0,0 @@
-export default (username: string) => {
-  return /^[\w.-]+$/.test(username);
-}
\ No newline at end of file
diff --git a/utils/validation.ts b/utils/validation.ts
new file mode 100644
index 0000000..48e13ef
--- /dev/null
+++ b/utils/validation.ts
@@ -0,0 +1,3 @@
+export function validateUsername(username: string) {
+  return /^[\w.-]+$/.test(username);
+}
\ No newline at end of file