What's Changed

This is the stable new version of Cloudinary module for Nuxt. From now on, we want to release smaller major versions with easier migration instead of what we did with version 1 -> 2 which was a change between nuxt 2 and nuxt 3 compatibility.

Thanks @colbyfayock for the ideas for this release :)

Improvements

1. Both CldImage.vue and CldOgImage.vue components accept now namedTransformations prop instead of transformations.
2. Bumped video player to the newest version
3. CldVideoPlayer aspect ratio is now calculated from width and height as following

aspectRatio: `${width}:${height}`,

4. CldVideoPlayer now accepts chapters and chaptersButton pros that allows to handle video chapters
5. CldVideoPlayer now accepts disableRemotePlayback that allows to instruct the the media element may have a remote playback UI.
6. We have also removed the following props due to deprecation in the Cloudinary SDK utils:

• CldImage -> resize and widthResize
• CldOgImage -> resize

7. CldUploadWidget now accepts tags prop that allows to pass upload media tags like fashion that can be used by the underlining Cloudinary widget.

Following issues were closed in this version (and release candidates):

• #203
• #206
• #207
• #201
• #186
• #217
• #213
• #214
• #218
• #211
• #216
• #221
• #222

Full Changelog: v2.7.0...v3.0.0

We have fixed some small bugs and added cool new features like chapters for CLD Video Player 🚀

We needed to release another RC version due to the problems with released packages on npm not having all necessary deps. That is why there is both rc.2 and rc.3 versions.

We have also removed the following props due to deprecation in the Cloudinary SDK utils:

1. CldImage -> resize and widthResize
2. CldOgImage -> resize

Closes #217
Closes #213
Closes #214
Closes #218
Closes #211
Closes #216

Full Changelog: v3.0.0-rc.1...v3.0.0-rc.3

This is a first release candidate for the version 3.0.0.

We are aiming to create smaller major versions with only the necessary breaking changes with easier migration and new features.
Below you can see the changes in this version.

Thanks @colbyfayock for the ideas for this release :)

Changes

1. Both CldImage.vue and CldOgImage.vue components accept now namedTransformations prop instead of transformations.
2. Property crop in resize prop of CldImage.vue can now be an object as well as a string.
3. Bumped video player to the newest version
4. CldVideoPlayer aspect ratio is now calculated from width and height as following

aspectRatio: `${width}:${height}`,

What has changed?

• #203
• #206
• #207
• #201
• #186

Full Changelog: v2.7.0...v3.0.0-rc.1

What's Changed

• Composable useCldVideoUrl for creating video urls
• Allow CldVideoPlayer to accept config prop
• Pass Cloudinary client configuration globally from the module configuration with properties like url and cloud
• CldVideoPlayer picture in picture mode
• Bump package versions

Full Changelog: v2.6.0...v2.7.0

Kudos to @colbyfayock who raised these issues and helped with the implementation!

What's Changed

• docs: fix url in cldimage by @huang-julien in #180
• fix: cast title meta as string in CldOgImage by @huang-julien in #178
• chore: extend root tsconfig to playground by @huang-julien in #176
• chore(deps): update unpic to 0.0.42 by @huang-julien in #182
• refactor: docs by @Baroshem in #185
• Chore/2.6.0 by @Baroshem in #190

New Contributors

• @huang-julien made their first contribution in #180

Full Changelog: v.2.5.0...v2.6.0

We have updated the Cloudinary Util Dependency to allow for additional options such as Generative AI remove, replace, recolor, or restore.

What's Changed

• fix: Coudinary.UploadWidget postMessage issue (fixes #165) by @cliengme in #166
• chore: use module-builder stub mode for more accurate types by @danielroe in #169
• fix: Video Player ref access by @Baroshem in #172
• Chore/2.5.0 by @Baroshem in #173

New Contributors

• @cliengme made their first contribution in #166
• @danielroe made their first contribution in #169

Full Changelog: v2.4.0...v.2.5.0

With this version, we have migrated to the new approach for handling fetchPriority and loading from unpic where both these attributes are handled by one priority attribute.

When attribute is set to true, the fetchPriority will be set to high and loading will be set to eager. For everything else, a loading=lazy will be used to automatically improve the performance.

What's Changed

• feat-#145: hide context menu by @Baroshem in #148
• Chore/2.4.0 by @Baroshem in #162

Closes #149
Closes #155
Closes #156
Closes #157

Full Changelog: v2.3.4...v2.4.0

What's Changed

• Fix typescript error in CldOgImage.vue by @jbmolle in #146
• fix: sizes in playground by @Baroshem in #150
• Generative Fill: fillBackground Property #151 by @Baroshem

New Contributors

• @jbmolle made their first contribution in #146

Full Changelog: v2.3.2...v2.3.4

What's Changed

• Fix/docs styles by @Baroshem in #144

Full Changelog: v2.3.0...v2.3.2

1. CldUploadWidget.vue
2. CldUploadButton.vue
3. Updated Cloudinary Util
4. Added missing effect props to CldImage
5. Added new examples to the documentation

What's Changed

• Feat/upload widget by @Baroshem in #139

Full Changelog: v2.2.0...v2.3.0