CASH-1502: markup changes and prettier ignore to fix trailing space in anchor link

This commit is contained in:
AdamCaouetteSafelite 2025-09-23 16:44:28 -04:00
parent f0c5c7f33b
commit 772b137b82

View file

@ -1,22 +1,21 @@
<template>
<loadingModal v-if="useLoadingModal" notFullScreen ref="loadingModal" />
<a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
</a>
<!-- NOTE: each prettier-ignore is needed below...
each anchor that follows needs to be one single line in markup or adds unwanted spaces within link (fixes CASH-1502) -->
<!-- prettier-ignore -->
<a v-if="linkType === 'navigation'" @click="handleClick" class="navigation-link" :href="href">{{ text }}<slot name="after-text"></slot></a>
<!-- prettier-ignore -->
<a
v-else-if="linkType === 'newWindowLink'"
@click="handleClick"
class="new-window-link"
:href="href"
target="_blank">
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
</a>
<a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
</a>
<a v-else-if="linkType === 'text'" @click="handleClick" :href="href">
{{ text }}<slot name="after-text"></slot><!-- must remain on same line -->
</a>
target="_blank">{{ text }}<slot name="after-text"></slot></a>
<!-- prettier-ignore -->
<a v-else-if="linkType === 'textSmall'" @click="handleClick" class="small" :href="href">{{ text }}<slot name="after-text"></slot></a>
<!-- prettier-ignore -->
<a v-else-if="linkType === 'text'" @click="handleClick" :href="href">{{ text }}<slot name="after-text"></slot></a>
</template>
<script>