fix(types): accept all configured providers in Img interface

.nuxtrc

@@ -1 +1,2 @@
-setups.@nuxt/test-utils="4.0.0"
+setups.@nuxt/test-utils="4.0.0"
+image.cloudinary.baseURL="https://res.cloudinary.com/nuxt/image/upload/"

src/types/image.ts

@@ -84,11 +84,11 @@ export interface ImageSizes {
 }
 
 export interface Img {
-  (source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions): ResolvedImage['url']
+  (source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions<keyof ConfiguredImageProviders>): ResolvedImage['url']
   options: CreateImageOptions
-  getImage: (source: string, options?: ImageOptions) => ResolvedImage
-  getSizes: (source: string, options?: ImageOptions, sizes?: string[]) => ImageSizes
-  getMeta: (source: string, options?: ImageOptions) => Promise<ImageInfo>
+  getImage: (source: string, options?: ImageOptions<keyof ConfiguredImageProviders>) => ResolvedImage
+  getSizes: (source: string, options?: ImageOptions<keyof ConfiguredImageProviders>, sizes?: string[]) => ImageSizes
+  getMeta: (source: string, options?: ImageOptions<keyof ConfiguredImageProviders>) => Promise<ImageInfo>
 }
 
 export type $Img = Img & {

test/nuxt/use-image.test.ts

@@ -43,4 +43,19 @@
       },
     })
   })
+
+  it('accepts non-default configured providers', () => {
+    const img = useImage()
+
+    // All Img interface methods should accept a configured non-default provider
+    img.getImage('/test.png', { provider: 'cloudinary' })
+    img.getSizes('/test.png', { provider: 'cloudinary' })
+    img('/test.png', {}, { provider: 'cloudinary', modifiers: { roundCorner: 'true' } })
+
+    // @ts-expect-error ipx does not accept roundCorner as a modifier
+    img('/test.png', {}, { provider: 'ipx', modifiers: { roundCorner: 'true' } })
+
+    // @ts-expect-error this provider is not configured, so it should throw an error
+    img('/test.png', {}, { provider: 'unknown-provider' })
+  })
 })