bootstrap-vue-next: Tooltip Doesn't work in nuxt

Describe the bug When I use tooltip directive in Nuxt project ( In pure Vue app it’s ok), I get this Error (ssr:false):

Screenshot from 2022-09-13 17-19-17

About this issue

Original URL
State: closed
Created 2 years ago
Reactions: 1
Comments: 17 (12 by maintainers)

Most upvoted comments

On second look, my answer is incorrect. This problem is the result of an improper nuxt config file on our end. Since Nuxt isn’t fully supported, I’m not going to make it a priority, as compared to other issues that exist. But I will look into it and ask around the Nuxt discord and things, since the documentation for writing a Nuxt module is difficult to understand.

VividLemon on Sep 13, 2022

This is marked as completed, however, I have not been able to make it work. Also getting Failed to resolve directive: b-tooltip. Is there any example? I’m using
"nuxt": "3.4.3",
"@bootstrap-vue-next/nuxt": "0.0.6",
"bootstrap-vue-next": "0.8.10",
bootstrapVueNext: {
    composables: true,
    directives: {vBTooltip: true, all: false}
},

Import directives directly. There was some issue with having them auto import. I’d have to look at it more on why it wasn’t working

VividLemon on May 8, 2023

@VividLemon Installation - Nuxt.js 3 only installs components, no directives. Calling app.use(BootstrapVue3) raises #388. Because module refers to src and app.use() refers to dist.

I’m aware, it is what I noticed and corrected myself in my last message. I have a branch that contains some changes, but it’s still being worked on.

VividLemon on Sep 15, 2022