Replace vue_shared tooltip with GitLab UI’s tooltip in app/assets/javascripts/projects/tree/components/commit_pipeline_status_component.vue

Instructions

Replace ~/vue_shared/directives/tooltip with GitLab UI’s tooltip component. The most common scenario consists of just replacing the tooltip import statement with a GitLab UI import:

<script>
import tooltip from '~/vue_shared/directives/tooltip'; // replace this
import { GlLoadingIcon, GlTooltipDirective } from '@gitlab/ui'; // with this

export default {
  directives: {
    tooltip, // replace this
    GlTooltip: GlTooltipDirective // with this
  },
};
</script>
<template>
<button
  v-show="hasError"
  v-gl-tooltip.hover>Button</button>
</template>

If you have any questions, share them in the tooltip integration epic &1079 (closed).