From 6b2402a7d73207e610d232dc66a13fa4c7398e4e Mon Sep 17 00:00:00 2001
From: Jesse Malotaux <jemx@mboutrecht.nl>
Date: Mon, 10 Mar 2025 12:54:04 +0100
Subject: [PATCH] Macros View, currently only occupied by the Macro Recorder.

---
 fe/src/views/MacrosView.vue | 26 ++++++++++++++++++++++++--
 1 file changed, 24 insertions(+), 2 deletions(-)

diff --git a/fe/src/views/MacrosView.vue b/fe/src/views/MacrosView.vue
index 446a63e..00bf5b4 100644
--- a/fe/src/views/MacrosView.vue
+++ b/fe/src/views/MacrosView.vue
@@ -1,9 +1,31 @@
 <template>
-  <div></div>
+  <div id="macros" class="panel">
+    <h1>Macros</h1>
+    <MacroRecorder />
+  </div>
 </template>
 
-<script setup></script>
+<script setup>
+import MacroRecorder from '../components/macros/MacroRecorder.vue'
+import { onMounted, ref } from 'vue'
+
+const recordMacro = ref(false)
+
+const macroInput = ref(null)
+
+onMounted(() => {
+  // macroInput.value.focus()
+})
+
+const keyDown = (e) => {
+  console.log(e)
+}
+</script>
 
 <style scoped>
 @reference "@/assets/main.css";
+
+input {
+  @apply border rounded-md bg-white/10 p-2;
+}
 </style>