diff --git a/app.vue b/app.vue
index 94244e0..6f6eae0 100644
--- a/app.vue
+++ b/app.vue
@@ -6,9 +6,6 @@
 </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 919120d..9eb5f78 100644
--- a/components/Message.vue
+++ b/components/Message.vue
@@ -66,7 +66,6 @@
 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
new file mode 100644
index 0000000..27890a5
--- /dev/null
+++ b/components/Settings/AppSettings/index.ts
@@ -0,0 +1,11 @@
+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
new file mode 100644
index 0000000..b2129e0
--- /dev/null
+++ b/components/Settings/UserSettings/index.ts
@@ -0,0 +1,13 @@
+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 03078c3..6dd3c74 100644
--- a/pages/login.vue
+++ b/pages/login.vue
@@ -22,8 +22,6 @@
 </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 8b270bc..ae9745a 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -46,9 +46,13 @@
 
 
 <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()
 
@@ -62,17 +66,6 @@ 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 73a7894..a484bf4 100644
--- a/types/hooks.ts
+++ b/types/hooks.ts
@@ -1,5 +1,3 @@
-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 664412c..1edcbac 100644
--- a/utils/fetchWithApi.ts
+++ b/utils/fetchWithApi.ts
@@ -1,4 +1,4 @@
-import type { NitroFetchRequest, NitroFetchOptions } from "nitropack";
+import type { NitroFetchOptions } from "nitropack";
 
 export default async <T>(path: string, options: NitroFetchOptions<string> = {}) => {
   console.log("path received:", path);