Bootstrap Vue Tooltip functionality not functioning with 'i18n-t' tag

[Sooraj-s-98]

Reporting a bug?

In my project, I'm using @vue/compat and Bootstrap Vue. I'm experiencing some issues with the tooltips not working as intended.

Expected behavior

show tooltip.

Reproduction

https://stackblitz.com/edit/vitejs-vite-mmv5et?file=src%2FApp.vue

here is the code https://github.com/Sooraj-s-98/bootstrap-tooltip-demo

preview here https://bootstrap-tooltip-demo.vercel.app/

System Info

System:
    OS: macOS 13.0
    CPU: (8) arm64 Apple M2
    Memory: 65.20 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 20.3.1 - /opt/homebrew/bin/node
    Yarn: 1.22.18 - /opt/homebrew/bin/yarn
    npm: 9.8.1 - /opt/homebrew/bin/npm
    pnpm: 7.27.0 - /opt/homebrew/bin/pnpm
  Browsers:
    Chrome: 117.0.5938.62
    Safari: 16.1
  npmPackages:
    @vitejs/plugin-vue: ^4.2.3 => 4.3.4 
    @vue/compat: ^3.3.4 => 3.3.4 
    vite: ^4.4.5 => 4.4.9 
    vue: ^3.3.4 => 3.3.4 
    vue-i18n: ^9.4.0 => 9.4.0

Screenshot

No response

Additional context

No response

Validations

• [X] Read the Contributing Guidelines
• [X] Read the Documentation
• [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• [X] Check that this is a concrete bug. For Q&A open a GitHub Discussions