adding ability to pass in global module configurations

playground/nuxt.config.ts

@@ -1,6 +1,12 @@
 export default defineNuxtConfig({
   modules: ['../src/module'],
   cloudinary: {
-    cloudName: 'nuxt-cloudinary'
+    cloudName: 'nuxt-cloudinary',
+    url: {
+      cname: 'spacejelly.dev',
+      secureDistribution: 'spacejelly.dev',
+      secure: true,
+      privateCdn: true
+    }
   }
 })

src/module.ts

@@ -6,12 +6,15 @@ import {
 } from "@nuxt/kit";
 import { fileURLToPath } from "url";
 import { defu } from "defu";
+import { ConfigOptions } from '@cloudinary-util/url-loader'
 
 export type ModuleOptions = {
   cloudName?: string;
   uploadPreset?: string;
   apiKey?: string;
   analytics?: boolean;
+  cloud?: ConfigOptions["cloud"];
+  url?: ConfigOptions["url"];
 };
 
 export default defineNuxtModule<ModuleOptions>({
@@ -33,7 +36,9 @@ export default defineNuxtModule<ModuleOptions>({
         uploadPreset:
           process.env.CLOUDINARY_UPLOAD_PRESET || options.uploadPreset,
         apiKey: process.env.CLOUDINARY_API_KEY || options.apiKey,
-        analytics: options.analytics
+        analytics: options.analytics,
+        cloud: options.cloud,
+        url: options.url,
       }
     );
 

src/runtime/composables/useCldImageUrl.ts

@@ -6,7 +6,16 @@ import pkg from '../../../package.json'
 export const useCldImageUrl = (props: ConstructUrlProps) => {
   if (!props.options.src) console.error("`[@nuxtjs/cloudinary]`: Property `src` is missing")
 
-  const cldCloudName = props.config?.cloud?.cloudName || useRuntimeConfig().public.cloudinary.cloudName
+  const moduleConfig = useRuntimeConfig().public.cloudinary;
+
+  // There are a few ways to pass in the Cloud Name
+  // - Component/composable config prop
+  // - Top level module config
+  // - Top level module config cloud property
+  // While the top level module config is redundant, retaining it for convenience as most
+  // users won't need to pass in more advanced settings via the `cloud` property
+
+  const cldCloudName = props.config?.cloud?.cloudName || moduleConfig.cloud?.cloudName || moduleConfig?.cloudName;
 
   if (!cldCloudName) console.warn('`[@nuxtjs/cloudinary]` Environment variable `CLOUDINARY_CLOUD_NAME` or property `cloudinary.cloudName` missing')
 
@@ -16,15 +25,17 @@ export const useCldImageUrl = (props: ConstructUrlProps) => {
       ...props.options
     },
     config: {
-      ...props.config,
+      url: moduleConfig.url,
       cloud: {
-        cloudName: cldCloudName
-      }
+        cloudName: cldCloudName,
+        ...moduleConfig.cloud
+      },
+      ...props.config,
     },
     analytics: false
   }
 
-  if (useRuntimeConfig().public.cloudinary.analytics) {
+  if (moduleConfig.analytics) {
     cldOptions = {
       ...cldOptions,
       analytics: Object.assign({