From 9595c4ed67025dc804b19dd62ebd2cc5eab94d13 Mon Sep 17 00:00:00 2001
From: "pre-commit-ci[bot]"
 <66853113+pre-commit-ci[bot]@users.noreply.github.com>
Date: Sat, 28 Dec 2024 09:59:32 +0000
Subject: [PATCH] [pre-commit.ci] auto fixes from pre-commit.com hooks [CI
 SKIP]

for more information, see https://pre-commit.ci
---
 web/src/components/layout/scaffold/Tabs.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/web/src/components/layout/scaffold/Tabs.vue b/web/src/components/layout/scaffold/Tabs.vue
index 9b23a8d73c..794256e3be 100644
--- a/web/src/components/layout/scaffold/Tabs.vue
+++ b/web/src/components/layout/scaffold/Tabs.vue
@@ -3,10 +3,14 @@
     <router-link
       v-for="tab in tabs"
       :key="tab.title"
+      v-slot="{ isActive, isExactActive }: { isActive: boolean; isExactActive: boolean }"
       :to="tab.to"
-      class="flex items-center !border-wp-text-100 py-1 border-transparent w-full md:w-auto text-wp-text-100 cursor-pointer"
+      class="flex items-center py-1 border-transparent md:border-b-2 w-full md:w-auto text-wp-text-100 cursor-pointer"
       :active-class="tab.matchChildren ? '!border-wp-text-100' : ''"
-      :exact-active-class="tab.matchChildren ? '' : '!border-wp-text-100 md:border-b-2 underline'"
+      :exact-active-class="tab.matchChildren ? '' : '!border-wp-text-100 underline md:no-underline'"
+      :class="{
+        '!border-wp-text-100 underline md:no-underline': tab.matchChildren ? isActive : isExactActive,
+      }"
     >
       <span
         class="flex flex-row md:justify-center items-center gap-2 dark:hover:bg-wp-background-100 hover:bg-wp-background-200 py-1 rounded-md w-full min-w-20"
@@ -26,4 +30,3 @@ import { useTabsClient } from '~/compositions/useTabs';
 
 const { tabs } = useTabsClient();
 </script>
-