Handle tooltip updates in timetracking component.

app/assets/javascripts/application.js

@@ -49,7 +49,6 @@
 /*= require_directory ./blob */
 /*= require_directory ./templates */
 /*= require_directory ./commit */
-/*= require_directory ./directives */
 /*= require_directory ./extensions */
 /*= require_directory ./lib/utils */
 /*= require_directory ./u2f */

app/assets/javascripts/directives/tooltip_title.js.es6

-//= require vue
-
-(() => {
-  /**
-   * This directive ensures the text used to populate a Bootstrap tooltip is
-   * updated dynamically. The tooltip's `title` is not stored or accessed
-   * elsewhere, making it reasonably safe to write to as needed.
-   */
-
-  Vue.directive('tooltip-title', {
-    update(el, binding) {
-      const updatedValue = binding.value || el.getAttribute('title');
-
-      el.setAttribute('title', updatedValue);
-      el.setAttribute('data-original-title', updatedValue);
-    },
-  });
-})(window.gl || (window.gl = {}));

app/assets/javascripts/issuable_time_tracker.js.es6

@@ -135,7 +135,7 @@
           </div>
           <div class='time-tracking-content hide-collapsed'>
             <div class='time-tracking-pane-compare' v-if='showComparison'>
-              <div class='compare-meter' data-toggle='tooltip' data-placement='top' v-tooltip-title='remainingTooltipPretty' :class='diffStatusClass' >
+              <div class='compare-meter' data-toggle='tooltip' data-placement='top' :title='remainingTooltipPretty' :data-original-title='remainingTooltipPretty' :class='diffStatusClass' >
                 <div class='meter-container'>
                   <div :style='{ width: diffPercent }' class='meter-fill'></div>
                 </div>