feat: configure domains with NUXT_IMAGE_DOMAINS (#1332)

docs/content/1.get-started/3.providers.md

@@ -26,13 +26,19 @@ For example, when using `<NuxtImg src="/nuxt-icon.png" />`, it should be placed
 For more information, you can learn more about the [public directory](https://nuxt.com/docs/guide/directory-structure/public).
 
 ::callout
-Image stored in the `assets/` directory are **not** proccessed with Nuxt Image because those images are managed by webpack.
+Image stored in the `assets/` directory are **not** processed with Nuxt Image because those images are managed by your bundler (such as Vite or webpack).
 ::
 
 ### Remote Images
 
 Using default provider, you can also optimize external URLs. For this, you need to add them to [`domains`](/get-started/configuration#domains) option.
 
+You can also add domains for remote images by setting the `NUXT_IMAGE_DOMAINS` environment variable to a comma-separated list of domains.
+
+```bash
+NUXT_IMAGE_DOMAINS="example.com,yourdomain.com"
+```
+
 ### Environment Detection
 
 You can set default provider using `NUXT_IMAGE_PROVIDER` environment variable.

src/module.ts

@@ -1,3 +1,5 @@
+import process from 'node:process'
+
 import { parseURL, withLeadingSlash } from 'ufo'
 import { defineNuxtModule, addTemplate, addImports, createResolver, addComponent, addPlugin } from '@nuxt/kit'
 import { resolve } from 'pathe'
@@ -57,8 +59,11 @@ export default defineNuxtModule<ModuleOptions>({
     // fully resolve directory
     options.dir = resolve(nuxt.options.srcDir, options.dir)
 
+    // Domains from environment variable
+    const domainsFromENV = process.env.NUXT_IMAGE_DOMAINS?.replace(/\s/g, '').split(',') || []
+
     // Normalize domains to hostname
-    options.domains = options.domains
+    options.domains = [...new Set([...options.domains, ...domainsFromENV])]
       .map(d => d && (parseURL(d.startsWith('http') ? d : ('http://' + d)).host))
       .filter(Boolean) as string[]