Commit c4e3aecf authored by Gilang Gumilar's avatar Gilang Gumilar

Use the GlLink component instead of an anchor element

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