fix: do not load <NuxtImg> stub if it is not installed (#261)

Author: danielroe

src/module.ts

@@ -1,5 +1,5 @@
 import fs from 'node:fs'
-import { defineNuxtModule, extendViteConfig, addComponent, addComponentsDir, createResolver, addServerHandler, addTemplate, addImports, addServerImports, hasNuxtModule } from '@nuxt/kit'
+import { defineNuxtModule, extendViteConfig, addComponent, addComponentsDir, createResolver, addServerHandler, addTemplate, addImports, addServerImports } from '@nuxt/kit'
 import { defu } from 'defu'
 import { resolve } from 'pathe'
 import type { BundledLanguage } from 'shiki'
@@ -168,11 +168,10 @@ export default defineNuxtModule<ModuleOptions>({
       })
     }
 
-    if (hasNuxtModule('@nuxt/image')) {
-      nuxt.options.runtimeConfig.public.mdc = defu(nuxt.options.runtimeConfig.public.mdc, {
-        useNuxtImage: true
-      })
-    }
+    addTemplate({
+      filename: 'mdc-image-component.mjs',
+      getContents: ({ app }) => app.components.some(c => c.pascalName === 'NuxtImg' && !c.filePath.includes('nuxt/dist/app')) ? 'export { NuxtImg } from "#components"' : 'export default "img"'
+    })
 
     // Update Vite optimizeDeps
     extendViteConfig((config) => {
@@ -258,7 +257,6 @@ declare module '@nuxt/schema' {
         map: Record<string, string>
       }
       headings: ModuleOptions['headings']
-      useNuxtImage?: boolean
     }
   }
 

src/runtime/components/prose/ProseImg.vue

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