What you are trying to do.

I run bootstrap-vue-next in my nuxt project, and i want router links rendered with NuxtLink, and i want images to render with NuxtImg.

Documentation states:

Nuxt.js specific router link props [​](https://bootstrap-vue-next.github.io/bootstrap-vue-next/docs/reference/router-links.html#nuxt-js-specific-router-link-props)
[Not yet implemented](https://github.com/bootstrap-vue-next/bootstrap-vue-next/blob/main/CONTRIBUTING.md#developing)

When BootstrapVue detects that your app is running under [Nuxt.js](https://nuxt.com/), it will render a [NuxtLink](https://nuxt.com/docs/api/components/nuxt-link#nuxtlink) sub component instead of a RouterLink. NuxtLink supports all of the above router link props, plus the following additional Nuxt.js specific props.

But it is unclear for me whether the nuxt specific router props are not yet implemented, or the whole render a NuxtLink subcomponent part is not yet imlemented.

What you have already tried.

I tried defining global options like this:

export default defineNuxtConfig({
  bootstrapVueNext: {
    plugin: {
      components: {
        global: {
          routerComponentName: 'NuxtLink',
        },
      },
    },
  },
}

But then i see two things:

• I'm missing the active class and exact active class i have configured
• Whenever i click on a link, the page just reloads (maybe related to (fix(BLink): nuxt should do full page reloads on to prop fixes #2445 #2449?)

As for B-Img, i could overwrite the tag property, and set it to NuxtImg, but im not sure thats the way to go since its not just a native html element?