Merge branch 'use-tooltip-component-in-mr-widget-secondary-geo-node-component' into 'master'

Use tooltip component in MrWidgetSecondaryGeoNode vue component

See merge request gitlab-org/gitlab-ee!6078

ee/app/assets/javascripts/vue_merge_request_widget/components/approvals/approvals_body.vue

@@ -161,7 +161,7 @@ export default {
       <a
         v-if="showApprovalDocLink"
         :href="mr.approvalsHelpPath"
-        :data-title="__('About this feature')"
+        :title="__('About this feature')"
         data-placement="bottom"
         target="_blank"
         rel="noopener noreferrer nofollow"

ee/app/assets/javascripts/vue_merge_request_widget/components/states/mr_widget_secondary_geo_node.vue

 <script>
+import tooltip from '~/vue_shared/directives/tooltip';
 import statusIcon from '~/vue_merge_request_widget/components/mr_widget_status_icon.vue';
 
 export default {
   components: {
     statusIcon,
   },
+  directives: {
+    tooltip,
+  },
   props: {
     mr: {
       type: Object,
@@ -25,9 +29,9 @@ export default {
       </span>
       <a
         :href="mr.geoSecondaryHelpPath"
-        data-title="About this feature"
-        data-toggle="tooltip"
+        :title="__('About this feature')"
         data-placement="bottom"
+        v-tooltip
         target="_blank"
         rel="noopener noreferrer nofollow"
         data-container="body"

ee/changelogs/unreleased/use-tooltip-component-in-mr-widget-secondary-geo-node-component.yml

+---
+title: Use tooltip component in MrWidgetSecondaryGeoNode vue component
+merge_request: 6078
+author: George Tsiolis
+type: performance