From ebd6273e5c9af3b8e65e6291e3e41b8558007a23 Mon Sep 17 00:00:00 2001
From: stuyk <trevorwessel@protonmail.com>
Date: Fri, 24 May 2024 14:33:20 -0600
Subject: [PATCH] fix: forgot to push composable

---
 webview/composables/useMinimap.ts | 39 +++++++++++++++++++++++++++++++
 webview/src/App.vue               |  8 ++++---
 2 files changed, 44 insertions(+), 3 deletions(-)
 create mode 100644 webview/composables/useMinimap.ts

diff --git a/webview/composables/useMinimap.ts b/webview/composables/useMinimap.ts
new file mode 100644
index 000000000..dc7e4fe6d
--- /dev/null
+++ b/webview/composables/useMinimap.ts
@@ -0,0 +1,39 @@
+import { ref } from 'vue';
+import { useEvents } from './useEvents';
+import { Events } from '../../src/main/shared/events';
+
+type Minimap = {
+    x: number;
+    y: number;
+    top: number;
+    left: number;
+    bottom: number;
+    right: number;
+    width: number;
+    height: number;
+    aspectRatio: number;
+    safeZone: number;
+    screenWidth: number;
+    screenHeight: number;
+};
+
+const minimap = ref<Minimap>();
+const events = useEvents();
+
+let isInit = false;
+
+export function useMinimap() {
+    function init() {
+        if (isInit) {
+            return;
+        }
+
+        isInit = true;
+        events.on(Events.view.updateMinimap, (data: Minimap) => (minimap.value = data));
+    }
+
+    return {
+        minimap,
+        init,
+    };
+}
diff --git a/webview/src/App.vue b/webview/src/App.vue
index ba235a2ae..419cd3a1a 100644
--- a/webview/src/App.vue
+++ b/webview/src/App.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
 import { onMounted } from 'vue';
-import { usePages } from '../composables/usePages';
-import { usePageEvents } from '../composables/usePageEvents';
 import { useAudio } from '../composables/useAudio';
-import DevelopmentBar from './components/Development.vue';
 import { useMessenger } from '../composables/useMessenger';
+import { useMinimap } from '../composables/useMinimap';
+import { usePageEvents } from '../composables/usePageEvents';
+import { usePages } from '../composables/usePages';
+import DevelopmentBar from './components/Development.vue';
 
 const { pagesPersistent, pagesOverlay, page } = usePages();
 const { init } = usePageEvents();
@@ -18,6 +19,7 @@ function handleMount() {
     init();
     useAudio();
     useMessenger();
+    useMinimap().init();
 }
 
 onMounted(handleMount);