Chore/3.0.0

docs/content/1.getting-started.md

@@ -38,7 +38,7 @@ CLOUDINARY_CLOUD_NAME=<YOUR_CLOUDINARY_CLOUD_NAME>
 ```
 
 ::callout{icon="i-heroicons-check-circle"}
-And that's it! You can now use Clodinary in Nuxt ✨
+And that's it! You can now use Cloudinary in Nuxt ✨
 ::
 
 ```vue

docs/content/2.components/CldImage/1.usage.md

@@ -3,7 +3,7 @@ description:
 ---
 
 
-The CldImage component provides an easy way to deliver images from Cloudinary with the same experience you'd expect inside of a Nuxt app. With it comes access to more advanced features like dynamic cropping, background removal, overlays, and other Cloudinary transformations.
+The CldImage component provides an easy way to deliver images from Cloudinary with the same experience you'd expect inside of a Nuxt app. With it comes access to more advanced features like dynamic cropping, background removal, overlays, and other Cloudinary transformations. It will inherit all global configuration via the `config` property.
 
 Under the hood, this CldImage uses [Unpic](https://unpic.pics/) for delivering optimized images. Check out the documentation of Unpic for all available props and options like priority, loading, sizes, and more!
 

docs/content/2.components/CldImage/2.configuration.md

@@ -1,5 +1,5 @@
 ---
-description: 
+description:
 ---
 
 The CldImage component provides a wide range of options for being able to easily optimize and transform images.
@@ -27,10 +27,13 @@ The CldImage component exposes many of Cloudinary's transformations in an easy-t
 
 | Prop                  | Type                    | Default   | Example                 | More                                                                                       |
 | --------------------- | ----------------------- | --------- | ----------------------- | ------------------------------------------------------------------------------------------ |
+| angle                 | number                  | `-`       | `45`                    | [Link](https://cloudinary.com/documentation/transformation_reference#a_angle)              |
 | crop                  | string                  | `"limit"` | `"thumb"`               | [Link](https://cloudinary.com/documentation/transformation_reference#c_crop_resize)        |
 | background            | string                  | `-`       | `"blue"`                | [Link](https://cloudinary.com/documentation/transformation_reference#b_background)         |
-| fillBackground (Beta) | `boolean/object`        | `-`       | `{{ gravity: 'east' }}` | [Link](https://cloudinary.com/documentation/transformation_reference#b_gen_fill)           |
+| enhance               | boolean                 | `-`       | `{{ gravity: 'east' }}` | [Link](https://cloudinary.com/documentation/transformation_reference#b_gen_fill)           |
+| fillBackground (Beta) | `boolean/object`        | `-`       | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_enhance)            |
 | gravity               | string                  | `auto`    | `"faces"`               | [Link](https://cloudinary.com/documentation/transformation_reference#g_gravity)            |
+| loop                  | `boolean/number`        | `-`       | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_loop)               |
 | recolor               | `array/object`          | `-`       | `['duck', 'blue']`      | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_recolor)        |
 | remove                | `string/array/object`   | `-`       | `apple`                 | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_remove)         |
 | removeBackground      | `boolean/string`        | `false`   | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_background_removal) |

docs/content/2.components/CldVideoPlayer.md

@@ -4,7 +4,7 @@ description:
 
 ## The usage
 
-The CldVideoPlayer component helps to embed Cloudinary videos using the [Cloudinary Video Player](https://cloudinary.com/documentation/cloudinary_video_player) giving you a full customizable experience for your player.
+The CldVideoPlayer component helps to embed Cloudinary videos using the [Cloudinary Video Player](https://cloudinary.com/documentation/cloudinary_video_player) giving you a full customizable experience for your player. It will inherit all global configuration via the `config` property.
 
 ## Basic Usage
 

src/runtime/components/CldVideoPlayer.vue

@@ -3,7 +3,7 @@ import { ref } from "vue";
 import { useHead } from "@unhead/vue";
 import { useRuntimeConfig } from "#imports";
 import { parseUrl } from "@cloudinary-util/util";
-import { ConfigOptions } from "@cloudinary-util/url-loader";
+import type { ConfigOptions } from "@cloudinary-util/url-loader";
 
 export interface CloudinaryVideoPlayer {
   on: Function;
@@ -21,7 +21,6 @@ export interface CloudinaryVideoPlayerOptions {
   secure?: boolean;
   transformation?: Array<object> | object;
   hideContextMenu?: boolean;
-  config?: ConfigOptions;
   pictureInPictureToggle?: boolean;
 }
 

src/runtime/composables/useCldImageUrl.ts

@@ -1,5 +1,6 @@
 import { useRuntimeConfig } from '#imports'
-import { constructCloudinaryUrl, ConstructUrlProps } from '@cloudinary-util/url-loader'
+import { constructCloudinaryUrl } from '@cloudinary-util/url-loader'
+import type { ConstructUrlProps } from '@cloudinary-util/url-loader' 
 import nuxtPkg from 'nuxt/package.json';
 import pkg from '../../../package.json'
 

src/runtime/composables/useCldVideoUrl.ts

@@ -1,5 +1,6 @@
 import { useRuntimeConfig } from '#imports'
-import { constructCloudinaryUrl, ConstructUrlProps, ConfigOptions, AnalyticsOptions, VideoOptions } from '@cloudinary-util/url-loader'
+import { constructCloudinaryUrl } from '@cloudinary-util/url-loader'
+import type { ConstructUrlProps, ConfigOptions, AnalyticsOptions, VideoOptions } from '@cloudinary-util/url-loader'
 import nuxtPkg from 'nuxt/package.json';
 import pkg from '../../../package.json'