feat(ui): Link style `force-underline`

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"

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>