From 181aa2b946fdf571b7d50da43e6356ec675a2ee0 Mon Sep 17 00:00:00 2001
From: "amtul.noor" <amtul.noor@stud.uni-goettingen.de>
Date: Tue, 6 Feb 2024 17:22:35 +0100
Subject: [PATCH 1/2] fix: wrong tabmenu being highlighted

---
 src/views/HomeView.vue | 20 ++++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index 64a6111..b969bc6 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -1,10 +1,11 @@
 <script setup lang="ts">
-import { ref } from "vue"
+import { computed, ref } from "vue"
 import { useI18n } from "vue-i18n"
 import TabMenu from 'primevue/tabmenu'
-import { useRouter } from "vue-router"
+import { useRoute, useRouter } from "vue-router"
 
 const { t } = useI18n()
+const route = useRoute()
 const router = useRouter()
 
 const items = ref([
@@ -25,14 +26,21 @@ const items = ref([
   }
 ])
 
-function onTabChange({ index }) {
-  router.push(items.value[index].to)
-}
+const activeRouteIndex = computed({
+  get() {
+    const path = route.path === '/' ? '/workflows' : route.path
+    return items.value.findIndex(({ to }) => to === path)
+  },
+  set(index) {
+    router.push(items.value[index].to)
+  }
+})
+
 </script>
 <template>
   <main>
     <div class="container mx-auto">
-      <TabMenu :model="items" @tab-change="onTabChange" />
+      <TabMenu v-model:activeIndex="activeRouteIndex" :model="items" />
       <div class="content-container pt-6">
         <RouterView/>
       </div>

From 307e85b3e561048586f7c28426bd9154b0b5f679 Mon Sep 17 00:00:00 2001
From: "amtul.noor" <amtul.noor@stud.uni-goettingen.de>
Date: Thu, 29 Feb 2024 16:34:34 +0100
Subject: [PATCH 2/2] refactor: use redirect to display workflows on initial
 navigation

---
 src/router/index.js    | 3 ++-
 src/views/HomeView.vue | 3 +--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/router/index.js b/src/router/index.js
index 6e82043..50f03b3 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -11,10 +11,11 @@ const router = createRouter({
       path: '/',
       name: 'home',
       component: HomeView,
+      redirect: '/workflows',
       children: [
         { path: 'projects', name: 'projects', component: Projects },
         { path: 'processors', name: 'processors', component: Processors },
-        { path: 'workflows', alias: '/', name: 'workflows', component: Workflows },
+        { path: 'workflows', name: 'workflows', component: Workflows },
       ],
     },
   ]
diff --git a/src/views/HomeView.vue b/src/views/HomeView.vue
index b969bc6..fcd843c 100644
--- a/src/views/HomeView.vue
+++ b/src/views/HomeView.vue
@@ -28,8 +28,7 @@ const items = ref([
 
 const activeRouteIndex = computed({
   get() {
-    const path = route.path === '/' ? '/workflows' : route.path
-    return items.value.findIndex(({ to }) => to === path)
+    return items.value.findIndex(({ to }) => to === route.path)
   },
   set(index) {
     router.push(items.value[index].to)