src/features/achievements/achievement.tsx

@@ -306,6 +306,7 @@ const msDisplayOptions = Object.values(AchievementDisplay).map(option => ({
     value: option
 }));
 
+globalBus.on("setupVue", () =>
     registerSettingField(
         jsx(() => (
             <Select
@@ -320,4 +321,5 @@ registerSettingField(
                 modelValue={settings.msDisplay}
             />
         ))
+    )
 );

src/features/challenges/challenge.tsx

@@ -364,6 +364,7 @@ globalBus.on("loadSettings", settings => {
     setDefault(settings, "hideChallenges", false);
 });
 
+globalBus.on("setupVue", () =>
     registerSettingField(
         jsx(() => (
             <Toggle
@@ -377,4 +378,5 @@ registerSettingField(
                 modelValue={settings.hideChallenges}
             />
         ))
+    )
 );

src/features/hotkey.tsx

@@ -129,6 +129,7 @@ document.onkeydown = function (e) {
     }
 };
 
+globalBus.on("setupVue", () =>
     registerInfoComponent(
         jsx(() => {
             const keys = Object.values(hotkeys).filter(hotkey => unref(hotkey?.enabled));
@@ -142,11 +143,12 @@ registerInfoComponent(
                     <div style="column-count: 2">
                         {keys.map(hotkey => (
                             <div>
-                            <Hotkey hotkey={hotkey as GenericHotkey} /> {unref(hotkey?.description)}
+                                <Hotkey hotkey={hotkey as GenericHotkey} /> {unref(}
                             </div>
                         ))}
                     </div>
                 </div>
             );
         })
+    )
 );

src/game/gameLoop.ts

@@ -1,19 +1,15 @@
+import { hasWon } from "data/projEntry";
 import projInfo from "data/projInfo.json";
 import { globalBus } from "game/events";
 import settings from "game/settings";
 import Decimal from "util/bignum";
 import { loadingSave } from "util/save";
-import type { Ref } from "vue";
 import { watch } from "vue";
 import player from "./player";
 import state from "./state";
 
 let intervalID: NodeJS.Timer | null = null;
 
-// Not imported immediately due to dependency cycles
-// This gets set during startGameLoop(), and will only be used in the update function
-let hasWon: null | Ref<boolean> = null;
-
 function update() {
     const now = Date.now();
     let diff = (now - player.time) / 1e3;
@@ -95,12 +91,6 @@ function update() {
 
 /** Starts the game loop for the project, which updates the game in ticks. */
 export async function startGameLoop() {
-    hasWon = (await import("data/projEntry")).hasWon;
-    watch(hasWon, hasWon => {
-        if (hasWon) {
-            globalBus.emit("gameWon");
-        }
-    });
     if (settings.unthrottled) {
         requestAnimationFrame(update);
     } else {
@@ -108,6 +98,12 @@ export async function startGameLoop() {
     }
 }
 
+watch(hasWon, hasWon => {
+    if (hasWon) {
+        globalBus.emit("gameWon");
+    }
+});
+
 setInterval(() => {
     state.mouseActivity = [...state.mouseActivity.slice(-7), false];
 }, 1000 * 60 * 60);

src/main.ts

@@ -3,12 +3,14 @@ import App from "App.vue";
 import projInfo from "data/projInfo.json";
 import "game/notifications";
 import state from "game/state";
+import "util/galaxy";
 import { load } from "util/save";
 import { useRegisterSW } from "virtual:pwa-register/vue";
 import type { App as VueApp } from "vue";
 import { createApp, nextTick } from "vue";
 import { useToast } from "vue-toastification";
-import "util/galaxy";
+import { globalBus } from "./game/events";
+import { startGameLoop } from "./game/gameLoop";
 
 declare global {
     /**
@@ -56,8 +58,6 @@ requestAnimationFrame(async () => {
         "padding: 4px;"
     );
     await load();
-    const { globalBus } = await import("./game/events");
-    const { startGameLoop } = await import("./game/gameLoop");
 
     // Create Vue
     const vue = (window.vue = createApp(App));

src/util/save.ts

@@ -1,6 +1,8 @@
 import { LoadablePlayerData } from "components/modals/SavesManager.vue";
+import { fixOldSave, getInitialLayers } from "data/projEntry";
 import projInfo from "data/projInfo.json";
 import { globalBus } from "game/events";
+import { addLayer, layers, removeLayer } from "game/layers";
 import type { Player } from "game/player";
 import player, { stringifySave } from "game/player";
 import settings, { loadSettings } from "game/settings";
@@ -101,8 +103,6 @@ export const loadingSave = ref(false);
 export async function loadSave(playerObj: Partial<Player>): Promise<void> {
     console.info("Loading save", playerObj);
     loadingSave.value = true;
-    const { layers, removeLayer, addLayer } = await import("game/layers");
-    const { fixOldSave, getInitialLayers } = await import("data/projEntry");
 
     for (const layer in layers) {
         const l = layers[layer];