Commit c4e3aecf authored by Gilang Gumilar's avatar Gilang Gumilar

Use the GlLink component instead of an anchor element

parent 29003150
<script>
import { mapState, mapActions } from 'vuex';
import { GlLoadingIcon } from '@gitlab/ui';
import { GlLink, GlLoadingIcon } from '@gitlab/ui';
import { sprintf, n__, s__ } from '~/locale';
import Icon from '~/vue_shared/components/icon.vue';
import RelatedIssuableItem from '~/vue_shared/components/issue/related_issuable_item.vue';
......@@ -10,6 +10,7 @@ export default {
name: 'RelatedMergeRequests',
components: {
Icon,
GlLink,
GlLoadingIcon,
RelatedIssuableItem,
},
......@@ -71,12 +72,12 @@ export default {
<div id="merge-requests" class="card card-slim mt-3">
<div class="card-header">
<div class="card-title mt-0 mb-0 h5 merge-requests-title position-relative">
<a
<gl-link
id="user-content-related-merge-requests"
class="anchor position-absolute text-decoration-none"
href="#related-merge-requests"
aria-hidden="true"
></a>
/>
<span class="mr-1">
{{ __('Related merge requests') }}
</span>
......
<script>
import { GlLink } from '@gitlab/ui';
import Icon from '~/vue_shared/components/icon.vue';
import AddIssuableForm from './add_issuable_form.vue';
import RelatedIssuesList from './related_issues_list.vue';
......@@ -13,6 +14,7 @@ export default {
name: 'RelatedIssuesBlock',
components: {
Icon,
GlLink,
AddIssuableForm,
RelatedIssuesList,
},
......@@ -118,12 +120,12 @@ export default {
<div class="card card-slim">
<div :class="{ 'panel-empty-heading border-bottom-0': !hasBody }" class="card-header">
<h3 class="card-title mt-0 mb-0 h5 position-relative">
<a
<gl-link
id="user-content-related-issues"
class="anchor position-absolute text-decoration-none"
href="#related-issues"
aria-hidden="true"
></a>
/>
{{ __('Linked issues') }}
<a v-if="hasHelpPath" :href="helpPath">
<i
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment