From d8a890f546270ebb6d9737a82f306efce7b8fc3f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Erik=20Bj=C3=A4reholt?= <erik@bjareho.lt>
Date: Tue, 14 Nov 2023 09:48:02 +0100
Subject: [PATCH] fix: fixed lints

---
 src/App.vue                |  6 +++---
 src/components/MenuBar.vue | 17 +++++++++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)
 create mode 100644 src/components/MenuBar.vue

diff --git a/src/App.vue b/src/App.vue
index 3fb5092..f4ba5ca 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,13 +1,13 @@
 <script setup lang="ts">
-import { RouterLink, RouterView } from "vue-router";
-import Menubar from "./components/Menubar.vue";
+import { RouterView } from "vue-router";
+import MenuBar from "./components/MenuBar.vue";
 </script>
 
 <template>
   <div class="container mx-auto">
     <header class="text-center p-4">
       <h1 class="text-2xl font-bold">ActivityWatch Portal</h1>
-      <Menubar />
+      <MenuBar />
     </header>
     <main>
       <RouterView />
diff --git a/src/components/MenuBar.vue b/src/components/MenuBar.vue
new file mode 100644
index 0000000..a0486e9
--- /dev/null
+++ b/src/components/MenuBar.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import { RouterLink } from "vue-router";
+</script>
+
+<template>
+  <nav class="flex justify-center space-x-4 mt-4">
+    <div class="rounded border">
+      <RouterLink to="/">Home</RouterLink>
+    </div>
+    <div class="rounded border">
+      <RouterLink to="/about">About</RouterLink>
+    </div>
+    <div class="rounded border">
+      <RouterLink to="/settings">Settings</RouterLink>
+    </div>
+  </nav>
+</template>