feat: use NuxtImg component in ProseImg if the @nuxt/image module is activated

playground/app.vue

@@ -16,7 +16,6 @@
           v-if="body"
           :body="body"
           :data="data"
-          :prose="false"
         />
       </article>
     </MDC>

src/module.ts

@@ -1,4 +1,4 @@
-import { defineNuxtModule, extendViteConfig, addComponent, addComponentsDir, createResolver, addServerHandler, addTemplate, addImports, addServerImports } from '@nuxt/kit'
+import { defineNuxtModule, extendViteConfig, addComponent, addComponentsDir, createResolver, addServerHandler, addTemplate, addImports, addServerImports, hasNuxtModule } from '@nuxt/kit'
 import fs from 'fs'
 import type { ModuleOptions } from './types'
 import { defu } from 'defu'
@@ -165,6 +165,12 @@ export default defineNuxtModule<ModuleOptions>({
       })
     }
 
+    if (hasNuxtModule('@nuxt/image')) {
+      nuxt.options.runtimeConfig.public.mdc = defu(nuxt.options.runtimeConfig.public.mdc, {
+        useNuxtImage: true
+      })
+    }
+
     // Update Vite optimizeDeps
     extendViteConfig((config) => {
       const include = [

src/runtime/components/prose/ProseImg.vue

@@ -1,15 +1,18 @@
 <template>
-  <img
+  <component
+    :is="imgComponent"
     :src="refinedSrc"
     :alt="alt"
     :width="width"
     :height="height"
-  >
+  />
 </template>
 
 <script setup lang="ts">
 import { withTrailingSlash, withLeadingSlash, joinURL } from 'ufo'
-import { useRuntimeConfig, computed } from '#imports'
+import { useRuntimeConfig, computed, resolveComponent } from '#imports'
+
+const imgComponent = useRuntimeConfig().public.mdc.useNuxtImage ? resolveComponent('NuxtImg') : 'img'
 
 const props = defineProps({
   src: {