github nuxt/image v1.0.0-rc.2

latest releases: v1.8.1, v1.8.0, v1.7.1...
pre-release14 months ago

1.0.0-rc.2 is the next release candidate

Timetable: 13 September

๐Ÿ‘€ Highlights

โš–๏ธ Densities

  • We now support densities - and warn if you use a density above 2x (#769).

๐ŸŒ… Formats

  • We now support multiple formats in <NuxtPicture> and setting global default values.

๐Ÿ“ Responsive sizes

  • ๐Ÿšจ This is a behaviour change. We now default to responsive-first image sizes, and output sizes/srcset even when only a single size is provided. See #977 for full details.

โšก๏ธ Static support

  • We now support purely-generate-time static images for environments like cloudflare (#878).

There's lots more - do check out the full details below.

Our next RC will be coming soon with all-new IPX v2, as well as some work on better defaults (e.g. automatic format detection where possible).

โœ… Upgrading

As usual, our recommendation for upgrading is to run:

nuxi upgrade

This will prompt to refresh your lockfile as well, and ensures that you pull in updates from other dependencies that Nuxt relies on, particularly in the unjs ecosystem.

๐Ÿ‘‰ Changelog

compare changes

๐Ÿš€ Enhancements

  • Support densities for devices with DevicePixelRatio > 1 (#769)
  • nuxt-picture: Support multiple image formats (#684)
  • Add prepr cms image provider integration (#823)
  • Allow setting global format defaults in config (#880)
  • Allow setting global quality defaults in config (#884)
  • Add uploadcare provider (#740)
  • nuxt-img: Placeholder default blur + improve playground (#966)
  • Add apiVersion to cloudimage provider (#955)
  • โš ๏ธ Switch sizes default to responsive-first (#977)
  • Add ipxStatic provider (#878)

๐Ÿฉน Fixes

  • Apply sizes/srcset when using placeholder (#676)
  • Run setup and add none to providers list (#860)
  • Remove key for picture/image to stop flicker when loading (#760)
  • storyblok: Don't apply resize/format/filter on vector (#870)
  • Address miscellaneous bugs with new 'densities' prop (#872)
  • Add explicit import for useImage (4865ccb)
  • Augment runtime config with explicit ipx key (d73833b)
  • Provide default ipx opts earlier (2f62c05)
  • Respect densities prop with (#928)
  • Warn in dev mode if density is provided above 2x (#973)
  • Generate sizes when only a single sizes is provided (#920)

๐Ÿ“– Documentation

  • Add rc tag to home page cta (d50d705)
  • providers: Cloudflare image is available to all plans now (99cb37f)
  • Remove unused module options (07836ae)
  • Update link to v0 docs (37395b7)
  • Make it nice (08d5645)
  • Fix link (cb96767)
  • Fix link (343dda0)
  • Upgraded documentation (#953)
  • Update elements (c3a2e25)
  • Add Nuxt Studio (bad4420)
  • Update deps and add canonical (#957)
  • Improve gradient (9f026b2)
  • Update color palette (green) (9f93a2e)
  • Update deps (f6b038a)
  • Leverage UPageLinks (8423773)
  • Fix typo in Storyblok provider (#959)
  • Move to @nuxt/ui and leverage autoSubfolderIndex false (549cbf5)
  • Migrate to routeRules for redirects (4db1c5a)
  • Move to ULandingCard (e0a8183)
  • Fix text center on hero (bfcb955)
  • Update colors (23ef384)
  • Remove unused styles (bd00755)

๐Ÿก Chore

  • release: V1.0.0-rc.1 (1e4a95a)
  • Update changelog for rc.0 (8cd9b0f)
  • Add link to social card (56d8b71)
  • Ignore vitest updates for now (eb5702f)
  • Upgrade dependencies and dedupe lockfile (#947)
  • Bump h3 dependency (75ecf56)
  • Revert to Nitro 2.6.2 (680fe4c)
  • Update docs and dev dependencies (#972)
  • Update lockfile (6058c63)
  • Add stackblitz playground link (fc98960)
  • Add reproduire workflows (ae81f77)
  • Fix typo (60b96ae)

โœ… Tests

  • Ensure is rendered with custom format (fcc9b7a)
  • Pass string to fit (1a8c782)
  • Iterate over providers array with for/of (df062d0)
  • Move to v8 coverage engine (6fb8ef6)

๐ŸŽจ Styles

  • Add spaces around string literal types (3badcb8)

๐Ÿค– CI

  • Test coverage and split out release job (c4a8ff6)
  • Run tests on node 20.5 until hotfix arrives (a5bd7de)

โš ๏ธ Breaking Changes

  • โš ๏ธ Switch sizes default to responsive-first (#977)

โค๏ธ Contributors

Don't miss a new image release

NewReleases is sending notifications on new releases.