From 220a58971517d022f86bf4851835a78503db9adc Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Fri, 3 Jan 2025 16:23:42 +0100
Subject: [PATCH] feat(ui): Link style `force-underline`

---
 front/src/components/ui/Link.vue           | 3 ++-
 front/src/components/ui/layout/Section.vue | 6 ++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/front/src/components/ui/Link.vue b/front/src/components/ui/Link.vue
index 258947761..f2629b249 100644
--- a/front/src/components/ui/Link.vue
+++ b/front/src/components/ui/Link.vue
@@ -15,6 +15,7 @@ const props = defineProps<{
   round?: true;
 
   autofocus? : boolean
+  forceUnderline? : true
 } & RouterLinkProps
   & (ColorProps | DefaultProps)
   & VariantProps
@@ -47,7 +48,7 @@ onMounted(() => {
       $style.link,
       round && $style['is-round'],
       isIconOnly && $style['is-icon-only'],
-      isNoColors(props) && $style['force-underline'],
+      (isNoColors(props) || props.forceUnderline) && $style['force-underline'],
       isNoColors(props) && $style['no-spacing'],
     ]"
     :href="isExternalLink ? to.toString() : undefined"
diff --git a/front/src/components/ui/layout/Section.vue b/front/src/components/ui/layout/Section.vue
index 638c75a71..95813413a 100644
--- a/front/src/components/ui/layout/Section.vue
+++ b/front/src/components/ui/layout/Section.vue
@@ -50,12 +50,14 @@ const headerGrid =
           ghost thin auto align-self="baseline"
           style="grid-column:-1;"
           :onClick="props.action.onClick"
-        >
+          v-bind="$attrs"
+          >
           {{ props.action.text }}
         </Button>
         <Link v-if="props.action && 'to' in props.action"
-          ghost thin auto align-self="baseline"
+          ghost force-underline thin align-self="baseline"
           :to="props.action.to"
+          v-bind="$attrs"
         >
           {{ props.action.text }}
         </Link>