Merge pull request #495 from technokrat/main

Fix BTooltip updates for Bootstrap 5.2

Author: mariusa

src/directives/BTooltip.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
 import {Directive, DirectiveBinding} from 'vue'
 import Tooltip from 'bootstrap/js/dist/tooltip'
 
@@ -59,23 +60,30 @@ const BTooltip: Directive<HTMLElement> = {
     const trigger = resolveTrigger(binding.modifiers)
     const placement = resolvePlacement(binding.modifiers)
     const delay = resolveDelay(binding.value)
+    const title = el.getAttribute('title')
 
     new Tooltip(el, {
       trigger,
       placement,
       delay,
       html: isHtml,
     })
+
+    if (title) {
+      el.setAttribute('data-bs-original-title', title)
+    }
   },
   updated(el) {
     const title = el.getAttribute('title')
+    const originalTitle = el.getAttribute('data-bs-original-title')
+    const instance = Tooltip.getInstance(el)
+
+    el.removeAttribute('title')
 
-    if (title !== '') {
-      const instance = Tooltip.getInstance(el)
-      instance?.toggle()
-      el.setAttribute('data-bs-original-title', title || '')
-      el.setAttribute('title', '')
-      instance?.toggle()
+    if (title && title !== originalTitle) {
+      // @ts-ignore
+      instance?.setContent({'.tooltip-inner': title})
+      el.setAttribute('data-bs-original-title', title)
     }
   },
   unmounted(el) {