injection "icons" not found

[alinnert]

Current behavior

When using the <CIcon> component there's a [Vue warn] printed in the console: injection "icons" not found..

Expected behavior

No warning printed in the console if there's no "icons" injection.

Details

This happens because in the first line of the CIcon setup() function there's a call to inject('icons'). This gives a warning if there's no injection provided using provide('icons', ...). The documentation doesn't mention this, and also it's not necessary to do this since you can alternatively import an icon and pass it to <CIcon :icon="icon"> directly.

To prevent this warning there should be a default value provided like this: const icons = inject('icons', null). Then handle null accordingly.

[ukjpw]

I am having the same issue. The icons are rendering fine, but there are 'injection "icons" not found.' warnings.

[igoohd]

Same problem here.
In my Nuxt 3 app I temporally solved this issue passing a provide "icons" as null just to omit the console message.

app.vue file:

const nuxtApp = useNuxtApp()
nuxtApp.vueApp.provide('icons', null)

But, after I noticed that in my case I can not use string icons as props if I don't provide icons of @coreui/icons, since that I rewrote the code with:

import * as icons from '@coreui/icons'
const nuxtApp = useNuxtApp()
nuxtApp.vueApp.provide('icons', icons)

[matgenois]

Same issue here