diff --git a/app.vue b/app.vue
index 6f6eae0..94244e0 100644
--- a/app.vue
+++ b/app.vue
@@ -6,6 +6,9 @@
 </template>
 
 <script lang="ts" setup>
+import ContextMenu from '~/components/UserInterface/ContextMenu.vue';
+import { render } from 'vue';
+
 const banner = useState("banner", () => false);
 
 onMounted(() => {
diff --git a/components/Message.vue b/components/Message.vue
index 9eb5f78..919120d 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -66,6 +66,7 @@
 import DOMPurify from 'dompurify';
 import { parse } from 'marked';
 import type { MessageProps } from '~/types/props';
+import generateIrcColor from '~/utils/generateIrcColor';
 import MessageMedia from './MessageMedia.vue';
 import MessageReply from './UserInterface/MessageReply.vue';
 
diff --git a/components/Settings/AppSettings/index.ts b/components/Settings/AppSettings/index.ts
deleted file mode 100644
index 27890a5..0000000
--- a/components/Settings/AppSettings/index.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import Appearance from './Appearance.vue';
-import Notifications from './Notifications.vue';
-import Keybinds from './Keybinds.vue';
-import Language from './Language.vue';
-
-export {
-	Appearance,
-	Notifications,
-	Keybinds,
-	Language,
-}
\ No newline at end of file
diff --git a/components/Settings/UserSettings/index.ts b/components/Settings/UserSettings/index.ts
deleted file mode 100644
index b2129e0..0000000
--- a/components/Settings/UserSettings/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import Profile from './Profile.vue';
-import Account from './Account.vue';
-import Privacy from './Privacy.vue';
-import Devices from './Devices.vue';
-import Connections from './Connections.vue';
-
-export {
-	Profile,
-	Account,
-	Privacy,
-	Devices,
-	Connections,
-}
\ No newline at end of file
diff --git a/pages/login.vue b/pages/login.vue
index 6dd3c74..03078c3 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -22,6 +22,8 @@
 </template>
 
 <script lang="ts" setup>
+import type { StatsResponse } from '~/types/interfaces';
+
 
 definePageMeta({
 	layout: "auth"
diff --git a/pages/settings.vue b/pages/settings.vue
index ae9745a..8b270bc 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -46,13 +46,9 @@
 
 
 <script lang="ts" setup>
-import { Profile, Account, Privacy, Devices, Connections } from '~/components/Settings/UserSettings';
-import { Appearance, Notifications, Keybinds, Language } from '~/components/Settings/AppSettings';
-
 import VerticalSpacer from '~/components/UserInterface/VerticalSpacer.vue';
 import Button from '~/components/UserInterface/Button.vue';
 
-
 const { logout } = useAuth()
 const appConfig = useRuntimeConfig()
 
@@ -66,6 +62,17 @@ interface Category {
   pages: Page[];
 }
 
+import Profile from '~/components/Settings/UserSettings/Profile.vue';
+import Account from '~/components/Settings/UserSettings/Account.vue';
+import Privacy from '~/components/Settings/UserSettings/Privacy.vue';
+import Devices from '~/components/Settings/UserSettings/Devices.vue';
+import Connections from '~/components/Settings/UserSettings/Connections.vue';
+
+import Appearance from '~/components/Settings/AppSettings/Appearance.vue';
+import Notifications from '~/components/Settings/AppSettings/Notifications.vue';
+import Keybinds from '~/components/Settings/AppSettings/Keybinds.vue';
+import Language from '~/components/Settings/AppSettings/Language.vue';
+
 const settingsCategories = {
   userSettings: {
     displayName: "User Settings",
diff --git a/types/hooks.ts b/types/hooks.ts
index a484bf4..73a7894 100644
--- a/types/hooks.ts
+++ b/types/hooks.ts
@@ -1,3 +1,5 @@
+import type { RuntimeNuxtHooks } from 'nuxt/schema';
+
 declare module "nuxt/schema" {
 	interface RuntimeNuxtHooks {
 		"app:message:right-clicked": (payload: { messageId: string }) => void
diff --git a/utils/fetchWithApi.ts b/utils/fetchWithApi.ts
index 1edcbac..664412c 100644
--- a/utils/fetchWithApi.ts
+++ b/utils/fetchWithApi.ts
@@ -1,4 +1,4 @@
-import type { NitroFetchOptions } from "nitropack";
+import type { NitroFetchRequest, NitroFetchOptions } from "nitropack";
 
 export default async <T>(path: string, options: NitroFetchOptions<string> = {}) => {
   console.log("path received:", path);