diff --git a/src/index.ts b/src/index.ts
index 4934259..9fd5608 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -1,32 +1,32 @@
-import "./utils/global";
-import { BxEvent } from "./utils/bx-event";
-import { BX_FLAGS } from "./utils/bx-flags";
-import { BxExposed } from "./utils/bx-exposed";
-import { t } from "./utils/translation";
-import { interceptHttpRequests } from "./utils/network";
-import { CE } from "./utils/html";
-import { showGamepadToast } from "./utils/gamepad";
-import { MkbHandler } from "./modules/mkb/mkb-handler";
-import { StreamBadges } from "./modules/stream/stream-badges";
-import { StreamStats } from "./modules/stream/stream-stats";
-import { addCss } from "./utils/css";
-import { Toast } from "./utils/toast";
-import { setupBxUi, updateVideoPlayerCss } from "./modules/ui/ui";
-import { PrefKey, getPref } from "./utils/preferences";
-import { LoadingScreen } from "./modules/loading-screen";
-import { MouseCursorHider } from "./modules/mkb/mouse-cursor-hider";
-import { TouchController } from "./modules/touch-controller";
-import { watchHeader } from "./modules/ui/header";
-import { checkForUpdate, disablePwa } from "./utils/utils";
-import { Patcher } from "./modules/patcher";
-import { RemotePlay } from "./modules/remote-play";
-import { onHistoryChanged, patchHistoryMethod } from "./utils/history";
-import { VibrationManager } from "./modules/vibration-manager";
-import { PreloadedState } from "./utils/titles-info";
-import { patchAudioContext, patchRtcCodecs, patchRtcPeerConnection, patchVideoApi } from "./utils/monkey-patches";
-import { STATES } from "./utils/global";
-import { injectStreamMenuButtons } from "./modules/stream/stream-ui";
-import { BxLogger } from "./utils/bx-logger";
+import "@/utils/global";
+import { BxEvent } from "@/utils/bx-event";
+import { BX_FLAGS } from "@/utils/bx-flags";
+import { BxExposed } from "@/utils/bx-exposed";
+import { t } from "@/utils/translation";
+import { interceptHttpRequests } from "@/utils/network";
+import { CE } from "@/utils/html";
+import { showGamepadToast } from "@/utils/gamepad";
+import { MkbHandler } from "@/modules/mkb/mkb-handler";
+import { StreamBadges } from "@/modules/stream/stream-badges";
+import { StreamStats } from "@/modules/stream/stream-stats";
+import { addCss } from "@/utils/css";
+import { Toast } from "@/utils/toast";
+import { setupBxUi, updateVideoPlayerCss } from "@/modules/ui/ui";
+import { PrefKey, getPref } from "@/utils/preferences";
+import { LoadingScreen } from "@/modules/loading-screen";
+import { MouseCursorHider } from "@/modules/mkb/mouse-cursor-hider";
+import { TouchController } from "@/modules/touch-controller";
+import { watchHeader } from "@/modules/ui/header";
+import { checkForUpdate, disablePwa } from "@/utils/utils";
+import { Patcher } from "@/modules/patcher";
+import { RemotePlay } from "@/modules/remote-play";
+import { onHistoryChanged, patchHistoryMethod } from "@/utils/history";
+import { VibrationManager } from "@/modules/vibration-manager";
+import { PreloadedState } from "@/utils/titles-info";
+import { patchAudioContext, patchRtcCodecs, patchRtcPeerConnection, patchVideoApi } from "@/utils/monkey-patches";
+import { STATES } from "@/utils/global";
+import { injectStreamMenuButtons } from "@/modules/stream/stream-ui";
+import { BxLogger } from "@/utils/bx-logger";
 
 // Handle login page
 if (window.location.pathname.includes('/auth/msa')) {
diff --git a/src/macros/build.ts b/src/macros/build.ts
index 0c2e9d5..4270d6e 100644
--- a/src/macros/build.ts
+++ b/src/macros/build.ts
@@ -1,7 +1,7 @@
 import stylus from 'stylus';
 
 // @ts-ignore
-import cssStr from "../assets/css/styles.styl" with { type: "text" };
+import cssStr from "@/assets/css/styles.styl" with { type: "text" };
 
 const generatedCss = await (stylus(cssStr, {})
 	.set('filename', 'styles.css')
diff --git a/src/modules/dialog.ts b/src/modules/dialog.ts
index e31a83e..125d6bb 100644
--- a/src/modules/dialog.ts
+++ b/src/modules/dialog.ts
@@ -1,5 +1,5 @@
-import { t } from "../utils/translation";
-import { CE, createButton, ButtonStyle, Icon } from "../utils/html";
+import { t } from "@/utils/translation";
+import { CE, createButton, ButtonStyle, Icon } from "@/utils/html";
 
 type DialogOptions = {
     title?: string;
diff --git a/src/modules/loading-screen.ts b/src/modules/loading-screen.ts
index 13d914c..7f25447 100644
--- a/src/modules/loading-screen.ts
+++ b/src/modules/loading-screen.ts
@@ -1,8 +1,8 @@
-import { CE } from "../utils/html";
-import { getPreferredServerRegion } from "../utils/region";
-import { PrefKey, getPref } from "../utils/preferences";
-import { t } from "../utils/translation";
-import { STATES } from "../utils/global";
+import { CE } from "@/utils/html";
+import { getPreferredServerRegion } from "@/utils/region";
+import { PrefKey, getPref } from "@/utils/preferences";
+import { t } from "@/utils/translation";
+import { STATES } from "@/utils/global";
 
 export class LoadingScreen {
     static #$bgStyle: HTMLElement;
diff --git a/src/modules/mkb/definitions.ts b/src/modules/mkb/definitions.ts
index c2a81f3..d4bf87a 100644
--- a/src/modules/mkb/definitions.ts
+++ b/src/modules/mkb/definitions.ts
@@ -1,4 +1,4 @@
-import type { GamepadKeyNameType } from "../../types/mkb";
+import type { GamepadKeyNameType } from "@/types/mkb";
 
 export enum GamepadKey {
     A = 0,
diff --git a/src/modules/mkb/mkb-handler.ts b/src/modules/mkb/mkb-handler.ts
index 4356ab4..aceb6af 100644
--- a/src/modules/mkb/mkb-handler.ts
+++ b/src/modules/mkb/mkb-handler.ts
@@ -1,17 +1,17 @@
 import { MkbPreset } from "./mkb-preset";
 import { GamepadKey, MkbPresetKey, GamepadStick, MouseMapTo } from "./definitions";
-import { createButton, Icon, ButtonStyle, CE } from "../../utils/html";
-import { BxEvent } from "../../utils/bx-event";
-import { PrefKey, getPref } from "../../utils/preferences";
-import { Toast } from "../../utils/toast";
-import { t } from "../../utils/translation";
-import { LocalDb } from "../../utils/local-db";
+import { createButton, Icon, ButtonStyle, CE } from "@/utils/html";
+import { BxEvent } from "@/utils/bx-event";
+import { PrefKey, getPref } from "@/utils/preferences";
+import { Toast } from "@/utils/toast";
+import { t } from "@/utils/translation";
+import { LocalDb } from "@/utils/local-db";
 import { KeyHelper } from "./key-helper";
-import type { MkbStoredPreset } from "../../types/mkb";
-import { showStreamSettings } from "../stream/stream-ui";
-import { STATES } from "../../utils/global";
-import { UserAgent } from "../../utils/user-agent";
-import { BxLogger } from "../../utils/bx-logger";
+import type { MkbStoredPreset } from "@/types/mkb";
+import { showStreamSettings } from "@/modules/stream/stream-ui";
+import { STATES } from "@/utils/global";
+import { UserAgent } from "@/utils/user-agent";
+import { BxLogger } from "@/utils/bx-logger";
 
 const LOG_TAG = 'MkbHandler';
 
diff --git a/src/modules/mkb/mkb-preset.ts b/src/modules/mkb/mkb-preset.ts
index 2ae1431..2f9882d 100644
--- a/src/modules/mkb/mkb-preset.ts
+++ b/src/modules/mkb/mkb-preset.ts
@@ -1,9 +1,9 @@
-import { t } from "../../utils/translation";
-import { SettingElementType } from "../../utils/settings";
+import { t } from "@/utils/translation";
+import { SettingElementType } from "@/utils/settings";
 import { GamepadKey, MouseButtonCode, MouseMapTo, MkbPresetKey } from "./definitions";
 import { MkbHandler } from "./mkb-handler";
-import type { MkbPresetData, MkbConvertedPresetData } from "../../types/mkb";
-import type { PreferenceSettings } from "../../types/preferences";
+import type { MkbPresetData, MkbConvertedPresetData } from "@/types/mkb";
+import type { PreferenceSettings } from "@/types/preferences";
 
 
 export class MkbPreset {
diff --git a/src/modules/mkb/mkb-remapper.ts b/src/modules/mkb/mkb-remapper.ts
index 5f8c4d2..c3e947f 100644
--- a/src/modules/mkb/mkb-remapper.ts
+++ b/src/modules/mkb/mkb-remapper.ts
@@ -1,16 +1,16 @@
 import { GamepadKey } from "./definitions";
-import { CE, createButton, ButtonStyle } from "../../utils/html";
-import { t } from "../../utils/translation";
-import { Dialog } from "../dialog";
-import { getPref, setPref, PrefKey } from "../../utils/preferences";
+import { CE, createButton, ButtonStyle } from "@/utils/html";
+import { t } from "@/utils/translation";
+import { Dialog } from "@/modules/dialog";
+import { getPref, setPref, PrefKey } from "@/utils/preferences";
 import { MkbPresetKey, GamepadKeyName } from "./definitions";
 import { KeyHelper } from "./key-helper";
 import { MkbPreset } from "./mkb-preset";
 import { MkbHandler } from "./mkb-handler";
-import { LocalDb } from "../../utils/local-db";
-import { Icon } from "../../utils/html";
-import { SettingElement } from "../../utils/settings";
-import type { MkbPresetData, MkbStoredPresets } from "../../types/mkb";
+import { LocalDb } from "@/utils/local-db";
+import { Icon } from "@/utils/html";
+import { SettingElement } from "@/utils/settings";
+import type { MkbPresetData, MkbStoredPresets } from "@/types/mkb";
 
 
 type MkbRemapperElements = {
diff --git a/src/modules/patcher.ts b/src/modules/patcher.ts
index 69b791e..84e0806 100644
--- a/src/modules/patcher.ts
+++ b/src/modules/patcher.ts
@@ -1,8 +1,8 @@
-import { STATES } from "../utils/global";
-import { BX_FLAGS } from "../utils/bx-flags";
-import { getPref, PrefKey } from "../utils/preferences";
-import { VibrationManager } from "./vibration-manager";
-import { BxLogger } from "../utils/bx-logger";
+import { STATES } from "@/utils/global";
+import { BX_FLAGS } from "@/utils/bx-flags";
+import { getPref, PrefKey } from "@/utils/preferences";
+import { VibrationManager } from "@/modules/vibration-manager";
+import { BxLogger } from "@/utils/bx-logger";
 
 const LOG_TAG = 'Patcher';
 
diff --git a/src/modules/remote-play.ts b/src/modules/remote-play.ts
index 8ede59a..8fee9cb 100644
--- a/src/modules/remote-play.ts
+++ b/src/modules/remote-play.ts
@@ -1,11 +1,11 @@
-import { STATES, AppInterface } from "../utils/global";
-import { CE, createButton, ButtonStyle, Icon } from "../utils/html";
-import { Toast } from "../utils/toast";
-import { BxEvent } from "../utils/bx-event";
-import { getPref, PrefKey, setPref } from "../utils/preferences";
-import { t } from "../utils/translation";
-import { localRedirect } from "./ui/ui";
-import { BxLogger } from "../utils/bx-logger";
+import { STATES, AppInterface } from "@/utils/global";
+import { CE, createButton, ButtonStyle, Icon } from "@/utils/html";
+import { Toast } from "@/utils/toast";
+import { BxEvent } from "@/utils/bx-event";
+import { getPref, PrefKey, setPref } from "@/utils/preferences";
+import { t } from "@/utils/translation";
+import { localRedirect } from "@/modules/ui/ui";
+import { BxLogger } from "@/utils/bx-logger";
 
 const LOG_TAG = 'RemotePlay';
 
diff --git a/src/modules/screenshot.ts b/src/modules/screenshot.ts
index aa658b4..c4a9845 100644
--- a/src/modules/screenshot.ts
+++ b/src/modules/screenshot.ts
@@ -1,5 +1,5 @@
-import { STATES, AppInterface } from "../utils/global";
-import { CE } from "../utils/html";
+import { STATES, AppInterface } from "@/utils/global";
+import { CE } from "@/utils/html";
 
 export function takeScreenshot(callback: any) {
     const currentStream = STATES.currentStream!;
diff --git a/src/modules/stream/stream-badges.ts b/src/modules/stream/stream-badges.ts
index 5b4e83d..a773e28 100644
--- a/src/modules/stream/stream-badges.ts
+++ b/src/modules/stream/stream-badges.ts
@@ -1,7 +1,7 @@
-import { t } from "../../utils/translation";
-import { BxEvent } from "../../utils/bx-event";
-import { CE } from "../../utils/html";
-import { STATES } from "../../utils/global";
+import { t } from "@/utils/translation";
+import { BxEvent } from "@/utils/bx-event";
+import { CE } from "@/utils/html";
+import { STATES } from "@/utils/global";
 
 enum StreamBadge {
     PLAYTIME = 'playtime',
diff --git a/src/modules/stream/stream-stats.ts b/src/modules/stream/stream-stats.ts
index be82bb4..76d2070 100644
--- a/src/modules/stream/stream-stats.ts
+++ b/src/modules/stream/stream-stats.ts
@@ -1,11 +1,11 @@
-import { PrefKey } from "../../utils/preferences"
-import { BxEvent } from "../../utils/bx-event"
-import { getPref } from "../../utils/preferences"
+import { PrefKey } from "@/utils/preferences"
+import { BxEvent } from "@/utils/bx-event"
+import { getPref } from "@/utils/preferences"
 import { StreamBadges } from "./stream-badges"
-import { CE } from "../../utils/html"
-import { t } from "../../utils/translation"
-import { STATES } from "../../utils/global"
-import { BxLogger } from "../../utils/bx-logger"
+import { CE } from "@/utils/html"
+import { t } from "@/utils/translation"
+import { STATES } from "@/utils/global"
+import { BxLogger } from "@/utils/bx-logger"
 
 export enum StreamStat {
     PING = 'ping',
diff --git a/src/modules/stream/stream-ui.ts b/src/modules/stream/stream-ui.ts
index 581289d..a977057 100644
--- a/src/modules/stream/stream-ui.ts
+++ b/src/modules/stream/stream-ui.ts
@@ -1,10 +1,10 @@
-import { STATES } from "../../utils/global";
-import { Icon, createSvgIcon } from "../../utils/html";
-import { BxEvent } from "../../utils/bx-event";
-import { PrefKey, getPref } from "../../utils/preferences";
-import { t } from "../../utils/translation";
-import { StreamBadges } from "./stream-badges";
-import { StreamStats } from "./stream-stats";
+import { STATES } from "@/utils/global.ts";
+import { Icon, createSvgIcon } from "@/utils/html.ts";
+import { BxEvent } from "@/utils/bx-event.ts";
+import { PrefKey, getPref } from "@/utils/preferences.ts";
+import { t } from "@/utils/translation.ts";
+import { StreamBadges } from "./stream-badges.ts";
+import { StreamStats } from "./stream-stats.ts";
 
 
 class MouseHoldEvent {
diff --git a/src/modules/touch-controller.ts b/src/modules/touch-controller.ts
index 4ad8c0e..75f2344 100644
--- a/src/modules/touch-controller.ts
+++ b/src/modules/touch-controller.ts
@@ -1,12 +1,12 @@
-import { STATES } from "../utils/global";
-import { CE } from "../utils/html";
-import { Toast } from "../utils/toast";
-import { BxEvent } from "../utils/bx-event";
-import { BX_FLAGS } from "../utils/bx-flags";
-import { getPref, PrefKey } from "../utils/preferences";
-import { t } from "../utils/translation";
-import { NATIVE_FETCH } from "../utils/network";
-import { BxLogger } from "../utils/bx-logger";
+import { STATES } from "@/utils/global";
+import { CE } from "@/utils/html";
+import { Toast } from "@/utils/toast";
+import { BxEvent } from "@/utils/bx-event";
+import { BX_FLAGS } from "@/utils/bx-flags";
+import { getPref, PrefKey } from "@/utils/preferences";
+import { t } from "@/utils/translation";
+import { NATIVE_FETCH } from "@/utils/network";
+import { BxLogger } from "@/utils/bx-logger";
 
 const LOG_TAG = 'TouchController';
 
diff --git a/src/modules/ui/global-settings.ts b/src/modules/ui/global-settings.ts
index b830c63..8a9e3a5 100644
--- a/src/modules/ui/global-settings.ts
+++ b/src/modules/ui/global-settings.ts
@@ -1,9 +1,9 @@
-import { STATES, AppInterface, SCRIPT_HOME, SCRIPT_VERSION } from "../../utils/global";
-import { CE, createButton, Icon, ButtonStyle } from "../../utils/html";
-import { getPreferredServerRegion } from "../../utils/region";
-import { UserAgent, UserAgentProfile } from "../../utils/user-agent";
-import { getPref, Preferences, PrefKey, setPref, toPrefElement } from "../../utils/preferences";
-import { t, refreshCurrentLocale } from "../../utils/translation";
+import { STATES, AppInterface, SCRIPT_HOME, SCRIPT_VERSION } from "@/utils/global";
+import { CE, createButton, Icon, ButtonStyle } from "@/utils/html";
+import { getPreferredServerRegion } from "@/utils/region";
+import { UserAgent, UserAgentProfile } from "@/utils/user-agent";
+import { getPref, Preferences, PrefKey, setPref, toPrefElement } from "@/utils/preferences";
+import { t, refreshCurrentLocale } from "@/utils/translation";
 
 const SETTINGS_UI = {
     'Better xCloud': {
diff --git a/src/modules/ui/header.ts b/src/modules/ui/header.ts
index 221d03a..848d203 100644
--- a/src/modules/ui/header.ts
+++ b/src/modules/ui/header.ts
@@ -1,9 +1,9 @@
-import { SCRIPT_VERSION } from "../../utils/global";
-import { createButton, Icon, ButtonStyle } from "../../utils/html";
-import { getPreferredServerRegion } from "../../utils/region";
-import { PrefKey, getPref } from "../../utils/preferences";
-import { RemotePlay } from "../remote-play";
-import { t } from "../../utils/translation";
+import { SCRIPT_VERSION } from "@/utils/global";
+import { createButton, Icon, ButtonStyle } from "@/utils/html";
+import { getPreferredServerRegion } from "@/utils/region";
+import { PrefKey, getPref } from "@/utils/preferences";
+import { RemotePlay } from "@/modules/remote-play";
+import { t } from "@/utils/translation";
 import { setupSettingsUi } from "./global-settings";
 
 
diff --git a/src/modules/ui/ui.ts b/src/modules/ui/ui.ts
index e1e3898..3102b2f 100644
--- a/src/modules/ui/ui.ts
+++ b/src/modules/ui/ui.ts
@@ -1,14 +1,14 @@
-import { STATES } from "../../utils/global";
-import { Icon, CE, createButton, ButtonStyle, createSvgIcon } from "../../utils/html";
-import { UserAgent } from "../../utils/user-agent";
-import { BxEvent } from "../../utils/bx-event";
-import { MkbRemapper } from "../mkb/mkb-remapper";
-import { getPref, PrefKey, toPrefElement } from "../../utils/preferences";
-import { setupScreenshotButton } from "../screenshot";
-import { StreamStats } from "../stream/stream-stats";
-import { TouchController } from "../touch-controller";
-import { t } from "../../utils/translation";
-import { VibrationManager } from "../vibration-manager";
+import { STATES } from "@/utils/global";
+import { Icon, CE, createButton, ButtonStyle, createSvgIcon } from "@/utils/html";
+import { UserAgent } from "@/utils/user-agent";
+import { BxEvent } from "@/utils/bx-event";
+import { MkbRemapper } from "@/modules/mkb/mkb-remapper";
+import { getPref, PrefKey, toPrefElement } from "@/utils/preferences";
+import { setupScreenshotButton } from "@/modules/screenshot";
+import { StreamStats } from "@/modules/stream/stream-stats";
+import { TouchController } from "@/modules/touch-controller";
+import { t } from "@/utils/translation";
+import { VibrationManager } from "@/modules/vibration-manager";
 
 
 export function localRedirect(path: string) {
diff --git a/src/modules/vibration-manager.ts b/src/modules/vibration-manager.ts
index e2eb2bf..4bb6aa5 100644
--- a/src/modules/vibration-manager.ts
+++ b/src/modules/vibration-manager.ts
@@ -1,6 +1,6 @@
-import { AppInterface } from "../utils/global";
-import { BxEvent } from "../utils/bx-event";
-import { PrefKey, getPref } from "../utils/preferences";
+import { AppInterface } from "@/utils/global";
+import { BxEvent } from "@/utils/bx-event";
+import { PrefKey, getPref } from "@/utils/preferences";
 
 const VIBRATION_DATA_MAP = {
     'gamepadIndex': 8,
diff --git a/src/types/mkb.d.ts b/src/types/mkb.d.ts
index 6ef65c1..38a7322 100644
--- a/src/types/mkb.d.ts
+++ b/src/types/mkb.d.ts
@@ -1,4 +1,4 @@
-import { MkbPresetKey } from "../modules/mkb/definitions";
+import { MkbPresetKey } from "@/modules/mkb/definitions";
 
 type GamepadKeyNameType = {[index: string | number]: string[]};
 
diff --git a/src/utils/css.ts b/src/utils/css.ts
index d9cde0d..00b8161 100644
--- a/src/utils/css.ts
+++ b/src/utils/css.ts
@@ -1,6 +1,6 @@
 import { CE } from "./html";
 import { PrefKey, getPref } from "./preferences";
-import { renderStylus } from "../macros/build" with {type: "macro"};
+import { renderStylus } from "@/macros/build" with {type: "macro"};
 
 
 export function addCss() {
diff --git a/src/utils/gamepad.ts b/src/utils/gamepad.ts
index 96a5480..cb804f2 100644
--- a/src/utils/gamepad.ts
+++ b/src/utils/gamepad.ts
@@ -1,4 +1,4 @@
-import { MkbHandler } from "../modules/mkb/mkb-handler";
+import { MkbHandler } from "@/modules/mkb/mkb-handler";
 import { PrefKey, getPref } from "./preferences";
 import { t } from "./translation";
 import { Toast } from "./toast";
diff --git a/src/utils/history.ts b/src/utils/history.ts
index 3b367d3..fa1b661 100644
--- a/src/utils/history.ts
+++ b/src/utils/history.ts
@@ -1,7 +1,7 @@
 import { BxEvent } from "./bx-event";
-import { LoadingScreen } from "../modules/loading-screen";
-import { RemotePlay } from "../modules/remote-play";
-import { checkHeader } from "../modules/ui/header";
+import { LoadingScreen } from "@/modules/loading-screen";
+import { RemotePlay } from "@/modules/remote-play";
+import { checkHeader } from "@/modules/ui/header";
 
 export function patchHistoryMethod(type: 'pushState' | 'replaceState') {
     const orig = window.history[type];
diff --git a/src/utils/html.ts b/src/utils/html.ts
index 19b0a20..da83c98 100644
--- a/src/utils/html.ts
+++ b/src/utils/html.ts
@@ -1,27 +1,27 @@
 // @ts-ignore
-import iconController from "../assets/svg/controller.svg" with { type: "text" };
+import iconController from "@/assets/svg/controller.svg" with { type: "text" };
 // @ts-ignore
-import iconCopy from "../assets/svg/copy.svg" with { type: "text" };
+import iconCopy from "@/assets/svg/copy.svg" with { type: "text" };
 // @ts-ignore
-import iconCursorText from "../assets/svg/cursor-text.svg" with { type: "text" };
+import iconCursorText from "@/assets/svg/cursor-text.svg" with { type: "text" };
 // @ts-ignore
-import iconDisplay from "../assets/svg/display.svg" with { type: "text" };
+import iconDisplay from "@/assets/svg/display.svg" with { type: "text" };
 // @ts-ignore
-import iconMouseSettings from "../assets/svg/mouse-settings.svg" with { type: "text" };
+import iconMouseSettings from "@/assets/svg/mouse-settings.svg" with { type: "text" };
 // @ts-ignore
-import iconMouse from "../assets/svg/mouse.svg" with { type: "text" };
+import iconMouse from "@/assets/svg/mouse.svg" with { type: "text" };
 // @ts-ignore
-import iconNew from "../assets/svg/new.svg" with { type: "text" };
+import iconNew from "@/assets/svg/new.svg" with { type: "text" };
 // @ts-ignore
-import iconQuestion from "../assets/svg/question.svg" with { type: "text" };
+import iconQuestion from "@/assets/svg/question.svg" with { type: "text" };
 // @ts-ignore
-import iconRemotePlay from "../assets/svg/remote-play.svg" with { type: "text" };
+import iconRemotePlay from "@/assets/svg/remote-play.svg" with { type: "text" };
 // @ts-ignore
-import iconStreamSettings from "../assets/svg/stream-settings.svg" with { type: "text" };
+import iconStreamSettings from "@/assets/svg/stream-settings.svg" with { type: "text" };
 // @ts-ignore
-import iconStreamStats from "../assets/svg/stream-stats.svg" with { type: "text" };
+import iconStreamStats from "@/assets/svg/stream-stats.svg" with { type: "text" };
 // @ts-ignore
-import iconTrash from "../assets/svg/trash.svg" with { type: "text" };
+import iconTrash from "@/assets/svg/trash.svg" with { type: "text" };
 
 
 type BxButton = {
diff --git a/src/utils/local-db.ts b/src/utils/local-db.ts
index 8111ebe..f0e6f76 100644
--- a/src/utils/local-db.ts
+++ b/src/utils/local-db.ts
@@ -1,7 +1,7 @@
-import { MkbPreset } from "../modules/mkb/mkb-preset";
+import { MkbPreset } from "@/modules/mkb/mkb-preset";
 import { PrefKey, setPref } from "./preferences";
 import { t } from "./translation";
-import type { MkbStoredPreset, MkbStoredPresets } from "../types/mkb";
+import type { MkbStoredPreset, MkbStoredPresets } from "@/types/mkb";
 
 export class LocalDb {
     static #instance: LocalDb;
diff --git a/src/utils/network.ts b/src/utils/network.ts
index 8702aa9..e7432ff 100644
--- a/src/utils/network.ts
+++ b/src/utils/network.ts
@@ -1,12 +1,12 @@
-import { BxEvent } from "./bx-event";
-import { BX_FLAGS } from "./bx-flags";
-import { LoadingScreen } from "../modules/loading-screen";
-import { PrefKey, getPref } from "./preferences";
-import { RemotePlay } from "../modules/remote-play";
-import { StreamBadges } from "../modules/stream/stream-badges";
-import { TouchController } from "../modules/touch-controller";
-import { STATES } from "./global";
-import { getPreferredServerRegion } from "./region";
+import { BxEvent } from "@/utils/bx-event";
+import { BX_FLAGS } from "@/utils/bx-flags";
+import { LoadingScreen } from "@/modules/loading-screen";
+import { PrefKey, getPref } from "@/utils/preferences";
+import { RemotePlay } from "@/modules/remote-play";
+import { StreamBadges } from "@/modules/stream/stream-badges";
+import { TouchController } from "@/modules/touch-controller";
+import { STATES } from "@/utils/global";
+import { getPreferredServerRegion } from "@/utils/region";
 
 export const NATIVE_FETCH = window.fetch;
 
diff --git a/src/utils/preferences.ts b/src/utils/preferences.ts
index aa2456d..af2b8ba 100644
--- a/src/utils/preferences.ts
+++ b/src/utils/preferences.ts
@@ -2,8 +2,8 @@ import { CE } from "./html";
 import { SUPPORTED_LANGUAGES, t } from "./translation";
 import { SettingElement, SettingElementType } from "./settings";
 import { UserAgentProfile } from "./user-agent";
-import { StreamStat } from "../modules/stream/stream-stats";
-import type { PreferenceSettings } from "../types/preferences";
+import { StreamStat } from "@/modules/stream/stream-stats";
+import type { PreferenceSettings } from "@/types/preferences";
 import { STATES } from "./global";
 
 export enum PrefKey {
diff --git a/src/utils/settings.ts b/src/utils/settings.ts
index c971fd6..dfc0ba8 100644
--- a/src/utils/settings.ts
+++ b/src/utils/settings.ts
@@ -1,4 +1,4 @@
-import type { PreferenceSetting } from "../types/preferences";
+import type { PreferenceSetting } from "@/types/preferences";
 import { CE } from "./html";
 
 type MultipleOptionsParams = {
diff --git a/tsconfig.json b/tsconfig.json
index 8a77686..dec2798 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -7,15 +7,19 @@
     "dist"
   ],
   "compilerOptions": {
+    "baseUrl": "./src",
+    "paths": {
+      "@/*": ["./*"]
+    },
     // Enable latest features
     "lib": ["ESNext", "DOM"],
     "target": "ESNext",
     "module": "ESNext",
     "moduleDetection": "force",
-    "allowJs": true,
+    "allowJs": false,
 
     // Bundler mode
-    "moduleResolution": "bundler",
+    "moduleResolution": "Bundler",
     "allowImportingTsExtensions": true,
     "verbatimModuleSyntax": true,
     "noEmit": true,