Nuxt image not working

[FabienVINCENT]

Environment

Nuxt project info: 23:35:51

---

• Operating System: Linux
• Node Version: v16.17.1
• Nuxt Version: 3.0.0
• Nitro Version: 1.0.0
• Package Manager: yarn@1.22.19
• Builder: vite
• User Config: modules, app
• Runtime Modules: @nuxtjs/tailwindcss@6.2.0, @nuxt/image-edge@1.0.0-27840416.dc1ed65, @nuxt/content@2.3.0
• Build Modules: -

Reproduction

Install nuxt-content Install @nuxt/image-edge add :nuxt-img{src="https://placekitten.com/1000/300"} in a .md file

Describe the bug

The component won't load

Additional context

No response

Logs

[Vue warn]: Failed to resolve component: nuxt-img                                                                                                                                                                                                                                                                                                                        23:37:40
If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

[ZacJenks-campbell]

I am getting: [Vue warn]: Failed to resolve component: nuxt-img. I saw a similar issue 435, that was moved to issue 500 and I am wondering if there is a reason that the component isn't being resolved. I have the component registered in nuxt.config.ts as '@nuxt/image-edge' and the requisite image settings in the same file. Any suggestions would be much appreciated.

[toniengelhardt]

Have the same issue...

@ZacJenks-campbell did you find a solution by now?

[nobkd]

I think, that's because the component isn't registered globally.

Maybe this discussion https://github.com/nuxt/content/discussions/2082#discussioncomment-6105683 referencing this https://github.com/nuxt/content/issues/390#issuecomment-1344593577 helps