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(() => {

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';
 

components/Settings/AppSettings/index.ts

@@ -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,
-}

components/Settings/UserSettings/index.ts

@@ -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,
-}

pages/login.vue

@@ -22,6 +22,8 @@
 </template>
 
 <script lang="ts" setup>
+import type { StatsResponse } from '~/types/interfaces';
+
 
 definePageMeta({
 	layout: "auth"

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",

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

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);