From e343e96996c0eec2a74c789764fb45239e2464ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torbj=C3=B8rn=20Antonsen?= <torbjant@ntnu.no>
Date: Sun, 7 Apr 2024 11:05:42 +0200
Subject: [PATCH] fixed issues in app.vue, missing template and imports

---
 FullstackProsjekt/src/frontend/src/App.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/FullstackProsjekt/src/frontend/src/App.vue b/FullstackProsjekt/src/frontend/src/App.vue
index 13efea3..afd2b13 100644
--- a/FullstackProsjekt/src/frontend/src/App.vue
+++ b/FullstackProsjekt/src/frontend/src/App.vue
@@ -2,11 +2,14 @@
 import { RouterLink, RouterView } from 'vue-router';
 import { onMounted, onUnmounted, watch } from 'vue';
 import { getToken, setToken, removeToken, refreshAndStoreToken } from '@/tokenController.js';
+import Sidebar from "@/components/shared/sidebar/Sidebar.vue"
+import { sidebarWidth}  from "@/components/shared/sidebar/state.js";
 
 export default {
-  components: { RouterLink, RouterView },
+  components: { RouterLink, RouterView, Sidebar },
   setup() {
     let intervalId = null;
+    return {sidebarWidth}
 
     // Start interval for token refresh
     const startInterval = () => {
@@ -64,3 +67,10 @@ export default {
   }
 };
 </script>
+
+<template>
+  <Sidebar/>
+  <div style="{'margin-left': sidebarWidth}">
+    <RouterView />
+  </div>
+</template>
-- 
GitLab