Skip to content

Upgrading @nuxt/image 0.6 to 0.7

Unknown0.6.2 → 0.7.2

Fetching 3 releases from GitHub…1 / 3
UnknownUpgrade verdict

DepDelta is still reading the notes for 2 of 3 releases, so breaking changes can't be ruled out yet.

  • DepDelta is still reading the release notes in this range, so it can't rule out breaking changes yet.
  • This page updates as the notes come in.
Still reading release notes

DepDelta is still reading the release notes in this range. This updates as they come in.

Requires Node.js >=14.20.0 from 0.7.2 (none stated before).

Adds node-fetch-native ^0.1.8.

Drops node-fetch.

Installs 102 packages in all (was 113).

Generated by DepDelta from published .d.ts files. Not mixed with prose notes.

  • added: call Img(source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions): ResolvedImage['url']
  • added: const default: Module<ModuleOptions>
  • added: declare module '@nuxt/types'
  • added: declare module 'vue/types/vue'
  • added: declare module 'vuex/types/index'
  • added: index CloudinaryOptions[key: string]: any
  • added: index ImageModifiers[key: string]: any
  • added: index ImageOptions[key: string]: any
  • added: index ModuleOptions[key: string]: any
  • added: interface CloudinaryModifiers extends ImageModifiers
  • added: interface CloudinaryOptions
  • added: interface CreateImageOptions
  • added: interface ImageCTX
  • added: interface ImageInfo
  • added: interface ImageModifiers
  • added: interface ImageModuleProvider
  • added: interface ImageOptions
  • added: interface ImageProvider
  • added: interface ImageProviders
  • added: interface ImageSize
  • added: interface ImageSizes
  • added: interface ImageSizesOptions extends ImageOptions
  • added: interface Img
  • added: interface InputProvider<T = any>
  • added: interface ModuleOptions extends ImageProviders
  • added: interface OperationGeneratorConfig
  • added: interface ResolvedImage
  • added: interface RuntimePlaceholder extends ImageInfo
  • added: property CloudinaryModifiers.background: string
  • added: property CloudinaryModifiers.color: string
  • added: property CloudinaryModifiers.colorSpace: string
  • added: property CloudinaryModifiers.customFunc: string
  • added: property CloudinaryModifiers.density: number
  • added: property CloudinaryModifiers.dpr: string
  • added: property CloudinaryModifiers.effect: string
  • added: property CloudinaryModifiers.flags: string
  • added: property CloudinaryModifiers.format: string
  • added: property CloudinaryModifiers.gravity: string
  • added: property CloudinaryModifiers.opacity: number
  • added: property CloudinaryModifiers.overlay: string
  • added: property CloudinaryModifiers.quality: string
  • added: property CloudinaryModifiers.rotate: 'auto_right' | 'auto_left' | 'ignore' | 'vflip' | 'hflip' | number
  • added: property CloudinaryModifiers.roundCorner: string
  • added: property CloudinaryModifiers.transformation: string
  • added: property CloudinaryModifiers.underlay: string
  • added: property CloudinaryModifiers.zoom: number
  • added: property CloudinaryOptions.baseURL: string
  • added: property CloudinaryOptions.modifiers: Partial<CloudinaryModifiers>
  • added: property CreateImageOptions.alias: Record<string, string>
  • added: property CreateImageOptions.domains: string[]
  • added: property CreateImageOptions.presets: { [name: string]: ImageOptions }
  • added: property CreateImageOptions.provider: string
  • added: property CreateImageOptions.providers: { [name: string]: { defaults: any; provider: ImageProvider } }
  • added: property CreateImageOptions.screens: Record<string, number>
  • added: property ImageCTX.$img?: $Img
  • added: property ImageCTX.nuxtContext: { ssrContext: any; cache?: any; isDev: boolean; isStatic: boolean; nuxtState?: any; base?: string }
  • added: property ImageCTX.options: CreateImageOptions
  • added: property ImageInfo.height: number
  • added: property ImageInfo.placeholder?: string
  • added: property ImageInfo.width: number
  • added: property ImageModifiers.fit: string
  • added: property ImageModifiers.format: string
  • added: property ImageModifiers.height: number
  • added: property ImageModifiers.width: number
  • added: property ImageModuleProvider.importName: string
  • added: property ImageModuleProvider.name: string
  • added: property ImageModuleProvider.options: any
  • added: property ImageModuleProvider.provider: string
  • added: property ImageModuleProvider.runtime: string
  • added: property ImageModuleProvider.runtimeOptions: any
  • added: property ImageModuleProvider.setup: ProviderSetup
  • added: property ImageOptions.modifiers?: Partial<ImageModifiers>
  • added: property ImageOptions.preset?: string
  • added: property ImageOptions.provider?: string
  • added: property ImageProvider.defaults?: any
  • added: property ImageProvider.getImage: ProviderGetImage
  • added: property ImageProvider.supportsAlias?: Boolean
  • added: property ImageProvider.validateDomains?: Boolean
  • added: property ImageProviders.cloudflare?: any
  • added: property ImageProviders.cloudimage?: any
  • added: property ImageProviders.cloudinary?: Partial<CloudinaryOptions>
  • added: property ImageProviders.contentful?: any
  • added: property ImageProviders.fastly?: any
  • added: property ImageProviders.glide?: any
  • added: property ImageProviders.gumlet?: any
  • added: property ImageProviders.imageengine?: any
  • added: property ImageProviders.imagekit?: any
  • added: property ImageProviders.imgix?: any
  • added: property ImageProviders.ipx?: Partial<IPXOptions>
  • added: property ImageProviders.layer0?: any
  • added: property ImageProviders.prismic?: any
  • added: property ImageProviders.static?: Partial<IPXOptions>
  • added: property ImageProviders.storyblok?: any
  • added: property ImageProviders.strapi?: any
  • added: property ImageProviders.twicpics?: any
  • added: property ImageSize.breakpoint: number
  • added: property ImageSize.format: string
  • added: property ImageSize.media: string
  • added: property ImageSize.url: string
  • added: property ImageSize.width: number
  • added: property ImageSizes.sizes: string
  • added: property ImageSizes.src: string
  • added: property ImageSizes.srcset: string
  • added: property ImageSizesOptions.sizes: Record<string, string | number> | string
  • added: property Img.getImage: (source: string, options?: ImageOptions) => ResolvedImage
  • added: property Img.getMeta: (source: string, options?: ImageOptions) => Promise<ImageInfo>
  • added: property Img.getSizes: (source: string, options?: ImageOptions, sizes?: string[]) => ImageSizes
  • added: property Img.options: CreateImageOptions
  • added: property InputProvider.name?: string
  • added: property InputProvider.options?: T
  • added: property InputProvider.provider?: string
  • added: property InputProvider.setup?: ProviderSetup
  • added: property ModuleOptions.alias: Record<string, string>
  • added: property ModuleOptions.dir: string
  • added: property ModuleOptions.domains: string[]
  • added: property ModuleOptions.internalUrl: string
  • added: property ModuleOptions.presets: { [name: string]: ImageOptions }
  • added: property ModuleOptions.provider: CreateImageOptions['provider']
  • added: property ModuleOptions.providers: { [name: string]: InputProvider | any } & ImageProviders
  • added: property ModuleOptions.screens: CreateImageOptions['screens']
  • added: property ModuleOptions.sharp: any
  • added: property ModuleOptions.staticFilename: string
  • added: property OperationGeneratorConfig.formatter?: OperationFormatter
  • added: property OperationGeneratorConfig.joinWith?: string
  • added: property OperationGeneratorConfig.keyMap?: OperationMapper
  • added: property OperationGeneratorConfig.valueMap?: { [key: string]: OperationMapper }
  • added: property ResolvedImage.format?: string
  • added: property ResolvedImage.getMeta?: () => Promise<ImageInfo>
  • added: property ResolvedImage.isStatic?: boolean
  • added: property ResolvedImage.url: string
  • added: property RuntimePlaceholder.url: string
  • added: type $Img = Img & { [preset: string]: $Img }
  • added: type MapToStatic = (image: ResolvedImage, input: string) => string
  • added: type OperationFormatter = (key: string, value: string) => string
  • added: type OperationMapper = { [key: string]: string | false } | ((key: string) => string)
  • added: type ProviderGetImage = (src: string, options: ImageOptions, ctx: ImageCTX) => ResolvedImage
  • added: type ProviderSetup = (providerOptions: ImageModuleProvider, moduleOptions: ModuleOptions, nuxt: any) => void | Promise<void>
  • changed: const _default: import('vue/types/vue').ExtendedVue<import('vue').default, unknown, unknown, { nAttrs: NAttrs; nSrc: string; nSizes: ImageSizes }, unknown> → const _default: import('vue/types/vue').ExtendedVue<import('vue').default, unknown, unknown, { nAttrs: NAttrs; nMainSrc: string; nSizes: ImageSizes; nSrc: string; nPlaceholder…
  • changed: const _default: (req: import('http').IncomingMessage, res: import('http').ServerResponse) => void → const _default: (req: import('http').IncomingMessage, res: import('http').ServerResponse) => Promise<void>
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • added: const getImage: ProviderGetImage
  • removed: call Img(source: string, modifiers?: ImageOptions['modifiers'], options?: ImageOptions): ResolvedImage['url']
  • removed: declare module '@nuxt/types'
  • removed: declare module 'vue/types/vue'
  • removed: declare module 'vuex/types/index'
  • removed: index ImageModifiers[key: string]: any
  • removed: index ImageOptions[key: string]: any
  • removed: index ModuleOptions[key: string]: any
  • removed: interface CreateImageOptions
  • removed: interface ImageCTX
  • removed: interface ImageInfo
  • removed: interface ImageModifiers
  • removed: interface ImageModuleProvider
  • removed: interface ImageOptions
  • removed: interface ImageProvider
  • removed: interface ImageProviders
  • removed: interface ImageSize
  • removed: interface ImageSizes
  • removed: interface ImageSizesOptions extends ImageOptions
  • removed: interface Img
  • removed: interface InputProvider<T = any>
  • removed: interface ModuleOptions extends ImageProviders
  • removed: interface OperationGeneratorConfig
  • removed: interface ResolvedImage
  • removed: interface RuntimePlaceholder extends ImageInfo
  • removed: property CreateImageOptions.alias: Record<string, string>
  • removed: property CreateImageOptions.domains: string[]
  • removed: property CreateImageOptions.presets: { [name: string]: ImageOptions }
  • removed: property CreateImageOptions.provider: string
  • removed: property CreateImageOptions.providers: { [name: string]: { defaults: any; provider: ImageProvider } }
  • removed: property CreateImageOptions.screens: Record<string, number>
  • removed: property ImageCTX.$img?: $Img
  • removed: property ImageCTX.nuxtContext: { ssrContext: any; cache?: any; isDev: boolean; isStatic: boolean; nuxtState?: any }
  • removed: property ImageCTX.options: CreateImageOptions
  • removed: property ImageInfo.height: number
  • removed: property ImageInfo.placeholder?: string
  • removed: property ImageInfo.width: number
  • removed: property ImageModifiers.fit: string
  • removed: property ImageModifiers.format: string
  • removed: property ImageModifiers.height: number
  • removed: property ImageModifiers.width: number
  • removed: property ImageModuleProvider.importName: string
  • removed: property ImageModuleProvider.name: string
  • removed: property ImageModuleProvider.options: any
  • removed: property ImageModuleProvider.provider: string
  • removed: property ImageModuleProvider.runtime: string
  • removed: property ImageModuleProvider.runtimeOptions: any
  • removed: property ImageModuleProvider.setup: ProviderSetup
  • removed: property ImageOptions.modifiers?: Partial<ImageModifiers>
  • removed: property ImageOptions.preset?: string
  • removed: property ImageOptions.provider?: string
  • removed: property ImageProvider.defaults?: any
  • removed: property ImageProvider.getImage: ProviderGetImage
  • removed: property ImageProvider.supportsAlias?: Boolean
  • removed: property ImageProvider.validateDomains?: Boolean
  • removed: property ImageProviders.cloudinary?: any
  • removed: property ImageProviders.contentful?: any
  • removed: property ImageProviders.fastly?: any
  • removed: property ImageProviders.glide?: any
  • removed: property ImageProviders.gumlet?: any
  • removed: property ImageProviders.imageengine?: any
  • removed: property ImageProviders.imagekit?: any
  • removed: property ImageProviders.imgix?: any
  • removed: property ImageProviders.ipx?: Partial<IPXOptions>
  • removed: property ImageProviders.prismic?: any
  • removed: property ImageProviders.static?: Partial<IPXOptions>
  • removed: property ImageProviders.storyblok?: any
  • removed: property ImageProviders.strapi?: any
  • removed: property ImageProviders.twicpics?: any
  • removed: property ImageSize.breakpoint: number
  • removed: property ImageSize.format: string
  • removed: property ImageSize.media: string
  • removed: property ImageSize.url: string
  • removed: property ImageSize.width: number
  • removed: property ImageSizes.sizes: string
  • removed: property ImageSizes.src: string
  • removed: property ImageSizes.srcset: string
  • removed: property ImageSizesOptions.sizes: Record<string, string | number> | string
  • removed: property Img.getImage: (source: string, options?: ImageOptions) => ResolvedImage
  • removed: property Img.getMeta: (source: string, options?: ImageOptions) => Promise<ImageInfo>
  • removed: property Img.getSizes: (source: string, options?: ImageOptions, sizes?: string[]) => ImageSizes
  • removed: property Img.options: CreateImageOptions
  • removed: property InputProvider.name?: string
  • removed: property InputProvider.options?: T
  • removed: property InputProvider.provider?: string
  • removed: property InputProvider.setup?: ProviderSetup
  • removed: property ModuleOptions.alias: Record<string, string>
  • removed: property ModuleOptions.dir: string
  • removed: property ModuleOptions.domains: string[]
  • removed: property ModuleOptions.internalUrl: string
  • removed: property ModuleOptions.presets: { [name: string]: ImageOptions }
  • removed: property ModuleOptions.provider: CreateImageOptions['provider']
  • removed: property ModuleOptions.providers: { [name: string]: InputProvider | any } & ImageProviders
  • removed: property ModuleOptions.screens: CreateImageOptions['screens']
  • removed: property ModuleOptions.sharp: any
  • removed: property ModuleOptions.staticFilename: string
  • removed: property OperationGeneratorConfig.formatter?: OperationFormatter
  • removed: property OperationGeneratorConfig.joinWith?: string
  • removed: property OperationGeneratorConfig.keyMap?: OperationMapper
  • removed: property OperationGeneratorConfig.valueMap?: { [key: string]: OperationMapper }
  • removed: property ResolvedImage.format?: string
  • removed: property ResolvedImage.getMeta?: () => Promise<ImageInfo>
  • removed: property ResolvedImage.isStatic?: boolean
  • removed: property ResolvedImage.url: string
  • removed: property RuntimePlaceholder.url: string
  • removed: type $Img = Img & { [preset: string]: $Img }
  • removed: type MapToStatic = (image: ResolvedImage, input: string) => string
  • removed: type OperationFormatter = (key: string, value: string) => string
  • removed: type OperationMapper = { [key: string]: string | false } | ((key: string) => string)
  • removed: type ProviderGetImage = (src: string, options: ImageOptions, ctx: ImageCTX) => ResolvedImage
  • removed: type ProviderSetup = (providerOptions: ImageModuleProvider, moduleOptions: ModuleOptions, nuxt: any) => void | Promise<void>