Merge pull request #228 from nuxt-modules/chore/3.1.0

Chore/3.1.0
nuxt-modules · Aug 9, 2024 · 81b1dbd · 81b1dbd
2 parents 2931652 + 8aeea7a
commit 81b1dbd
Show file tree

Hide file tree

Showing 11 changed files with 168 additions and 146 deletions.
diff --git a/.stackblitz/package.json b/.stackblitz/package.json
@@ -11,6 +11,6 @@
     "nuxt": "^3.11.2"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^3.0.1"
+    "@nuxtjs/cloudinary": "^3.1.0"
   }
 }
diff --git a/.stackblitz/yarn.lock b/.stackblitz/yarn.lock
@@ -569,30 +569,30 @@
   dependencies:
     mime "^3.0.0"
 
-"@cloudinary-util/types@1.0.2":
-  version "1.0.2"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.2.tgz#3ebc14f01f3c113183ad47cc5a9c69e65d06f762"
-  integrity sha512-j3xUfN4uMFDMSvoQeOMxqKYsGZovlRFr8niOQXfcqoHp7NVBiJm8oy6y2HDGQhxH63irmFt8VtzJEnYwGYsGXg==
+"@cloudinary-util/types@1.2.0":
+  version "1.2.0"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.2.0.tgz#c67ee4c4948236327872239165bf798eeeb899c5"
+  integrity sha512-2Mo5juB1HV+GmVLq2+bU0Yg5FB6r+csbHyDN6njc0AqkEkp+AW+Q6kYbbTYkT7zk3x9tBWfKn3lfR7wUCwowJw==
 
-"@cloudinary-util/types@1.0.5":
-  version "1.0.5"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.5.tgz#0325881338b3c390b4ad27f5484e95cdb0c4f9b7"
-  integrity sha512-QySi6Q138yg/qrD7f6yscH9T+/8VwUfF9AiwFPMS89uI5wnSG9nhC+93a/8iUpgk9ujTDVqE8+TqYAbxvF0BMA==
+"@cloudinary-util/types@1.2.0-beta.1":
+  version "1.2.0-beta.1"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.2.0-beta.1.tgz#ba3461e97a26ba8d9d0d733dd983f504a3db0303"
+  integrity sha512-zdMPqadGhRWwSZQcgsUoouJhr2Dnpc4p1ytGLtnEmVFNvwDhYMR6ER3xLP5FoSNzPx10SoWfNl6UWQKInkk+iQ==
 
-"@cloudinary-util/url-loader@^5.3.1":
-  version "5.3.1"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.3.1.tgz#2898ea4f75a968a5857046d54bd589f228d04848"
-  integrity sha512-cYgnazu7cLjRaajGmhyVfMxjrOz4EaSQsWK1/utV4K5kknUUhu8vUovGunDQJbEGmBWB/TUt7zmwpdUAQ+pe4g==
+"@cloudinary-util/url-loader@^5.6.0":
+  version "5.6.0"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.6.0.tgz#778c9b09faa02edd19702e742c931ce9927a7790"
+  integrity sha512-oWTXaaBralKLfk9tD2fWaTfwflx9Acug6L3GO72sLPxIssg+SyeNDiIrNwIFRx6SkFR74bWWNqjp2yu135gaDQ==
   dependencies:
-    "@cloudinary-util/types" "1.0.5"
-    "@cloudinary-util/util" "3.0.2"
+    "@cloudinary-util/types" "1.2.0-beta.1"
+    "@cloudinary-util/util" "3.2.0"
     "@cloudinary/url-gen" "1.15.0"
     zod "^3.22.4"
 
-"@cloudinary-util/util@3.0.2":
-  version "3.0.2"
-  resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.0.2.tgz#a86334eeec9912cf90054f5688a7d10fca9fe952"
-  integrity sha512-EMmspJLVFn9hX92DaK/yuSzSUXF/BJ88crzN8vT1qCaJMMWKapGNo2HZ6YNgG69PP/Jngdk0mTINDU+GP3A1CA==
+"@cloudinary-util/util@3.2.0":
+  version "3.2.0"
+  resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.2.0.tgz#cdfb15ca0f04063203109ffbf3a5bc6de7f94c2b"
+  integrity sha512-VJBqAT3W0HQ9kyMagv+EzXkM/VYR9Ks01ewGxsS8T8b2N0NZFPAhYKeU2H9fOXSl6BVrD6aVYjJZAoT8pfQIyA==
 
 "@cloudinary/transformation-builder-sdk@^1.10.0":
   version "1.12.0"
@@ -1169,13 +1169,13 @@
     vite-plugin-checker "^0.6.4"
     vue-bundle-renderer "^2.0.0"
 
-"@nuxtjs/cloudinary@^3.0.1":
-  version "3.0.1"
-  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.0.1.tgz#3678c6ba77d5d5f8a0d442915bb26da0b13a33da"
-  integrity sha512-PCmo4m7d4Tiybn0bIPOEf+Bv3xk3BF8w7YgV9BfE7RxuqQBYEk+zR249Mb6ezOZ8PMzr5pYzmL3b5nudpn09Gg==
+"@nuxtjs/cloudinary@^3.1.0":
+  version "3.1.0"
+  resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.1.0.tgz#d2a0261fd751f9c9bebe31556e5fbbe001aa5dc7"
+  integrity sha512-RTMVY34dIwiYsyfNsIDuN/LgJ5A/kt5XCWO0fLOjDCA6oW822HrxIwIkxRM8zd8T4VoVKIzZvyiXZNXMfKaoZw==
   dependencies:
-    "@cloudinary-util/types" "1.0.2"
-    "@cloudinary-util/url-loader" "^5.3.1"
+    "@cloudinary-util/types" "1.2.0"
+    "@cloudinary-util/url-loader" "^5.6.0"
     "@nuxt/kit" "^3.11.2"
     "@unpic/vue" "^0.0.48"
     defu "^6.1.4"

diff --git a/docs/content/2.components/CldImage/2.configuration.md b/docs/content/2.components/CldImage/2.configuration.md
@@ -25,22 +25,23 @@ CldImage extends the Upnic Image component using Cloudinary tech. This means all
 
 The CldImage component exposes many of Cloudinary's transformations in an easy-to-use way right inside of Nuxt.
 
-| Prop                  | Type                    | Default   | Example                 | More                                                                                       |
-| --------------------- | ----------------------- | --------- | ----------------------- | ------------------------------------------------------------------------------------------ |
-| angle                 | number                  | `-`       | `"45"`                  | [Link](https://cloudinary.com/documentation/transformation_reference#a_angle?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)              |
-| background            | string                  | `-`       | `"blue"`                | [Link](https://cloudinary.com/documentation/transformation_reference#b_background?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)         |
-| crop                  | string                  | `"limit"` | `"thumb"`               | [Link](https://cloudinary.com/documentation/transformation_reference#c_crop_resize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)        |
-| enhance               | boolean                 | `-`       | `"true"`                | [Link](https://cloudinary.com/documentation/transformation_reference#e_enhance?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
-| fillBackground (Beta) | `boolean/object`        | `-`       | `{{ gravity: 'east' }}` | [Link](https://cloudinary.com/documentation/transformation_reference#b_gen_fill?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)           |
-| gravity               | string                  | `auto`    | `"faces"`               | [Link](https://cloudinary.com/documentation/transformation_reference#g_gravity?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
-| loop                  | `boolean/number`        | `-`       | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_loop?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)               |
-| recolor               | `array/object`          | `-`       | `['duck', 'blue']`      | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_recolor?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)        |
-| remove                | `string/array/object`   | `-`       | `apple`                 | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_remove?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)         |
-| removeBackground      | `boolean/string`        | `false`   | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_background_removal?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
-| replace               | `array/object`          | `-`       | `['apple', 'banana']`   | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_replace?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)        |
-| restore               | boolean                 | `-`       | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_restore?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)        |
-| zoom                  | string                  | `-`       | `0.5`                   | [Link](https://cloudinary.com/documentation/transformation_reference#z_zoom?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)               |
-| zoompan               | `boolean/string/object` | `-`       | `true`                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_zoompan?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
+| Prop                  | Type                    | Default   | Example                                             | More                                                                                                                                                                          |
+| --------------------- | ----------------------- | --------- | --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| angle                 | number                  | `-`       | `"45"`                                              | [Link](https://cloudinary.com/documentation/transformation_reference#a_angle?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                  |
+| background            | string                  | `-`       | `"blue"`                                            | [Link](https://cloudinary.com/documentation/transformation_reference#b_background?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)             |
+| crop                  | string                  | `"limit"` | `"thumb"`                                           | [Link](https://cloudinary.com/documentation/transformation_reference#c_crop_resize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
+| enhance               | boolean                 | `-`       | `"true"`                                            | [Link](https://cloudinary.com/documentation/transformation_reference#e_enhance?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                |
+| fillBackground (Beta) | `boolean/object`        | `-`       | `{{ gravity: 'east' }}`                             | [Link](https://cloudinary.com/documentation/transformation_reference#b_gen_fill?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)               |
+| gravity               | string                  | `auto`    | `"faces"`                                           | [Link](https://cloudinary.com/documentation/transformation_reference#g_gravity?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                |
+| loop                  | `boolean/number`        | `-`       | `true`                                              | [Link](https://cloudinary.com/documentation/transformation_reference#e_loop?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                   |
+| recolor               | `array/object`          | `-`       | `['duck', 'blue']`                                  | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_recolor?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
+| remove                | `string/array/object`   | `-`       | `apple`                                             | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_remove?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)             |
+| removeBackground      | `boolean/string`        | `false`   | `true`                                              | [Link](https://cloudinary.com/documentation/transformation_reference#e_background_removal?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)     |
+| replace               | `array/object`          | `-`       | `['apple', 'banana']`                               | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_replace?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
+| restore               | boolean                 | `-`       | `true`                                              | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_restore?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
+| replaceBackground     | `boolean/string/object` | `-`       | `true/'fish tank'/{ prompt: 'fish tank', seed: 3 }` | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_background_replace?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
+| zoom                  | string                  | `-`       | `0.5`                                               | [Link](https://cloudinary.com/documentation/transformation_reference#z_zoom?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                   |
+| zoompan               | `boolean/string/object` | `-`       | `true`                                              | [Link](https://cloudinary.com/documentation/transformation_reference#e_zoompan?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                |
 
 ## General Props
 
@@ -76,8 +77,8 @@ Following props can be passed to the CldImage component to make it work in more
 
 All effect props are disabled by default.
 
-| Prop Name          | Type          | Example                                              | More                                                                                        |
-| ------------------ | ------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------- |
+| Prop Name          | Type          | Example                                              | More                                                                                                                                                                       |
+| ------------------ | ------------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
 | art                | string        | `"al_dente"`                                         | [Link](https://cloudinary.com/documentation/transformation_reference#e_art?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                 |
 | autoBrightness     | bool/string   | `true`, `"80"`                                       | [Link](https://cloudinary.com/documentation/transformation_reference#e_auto_brightness?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)     |
 | autoColor          | bool/string   | `true`, `"80"`                                       | [Link](https://cloudinary.com/documentation/transformation_reference#e_auto_color?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)          |
@@ -87,11 +88,11 @@ All effect props are disabled by default.
 | blur               | bool/string   | `true`, `"800"`                                      | [Link](https://cloudinary.com/documentation/transformation_reference#e_blur?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)                |
 | blurFaces          | bool/string   | `true`, `"800"`                                      | [Link](https://cloudinary.com/documentation/transformation_reference#e_blur_faces?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)          |
 | blurRegion         | bool/string   | `true`, `"1000,h_425,w_550,x_600,y_400"`             | [Link](https://cloudinary.com/documentation/transformation_reference#e_blur_region?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)         |
-| border             | string        | `"5px_solid_purple"`                                 | `-`                                                                                         |
+| border             | string        | `"5px_solid_purple"`                                 | `-`                                                                                                                                                                        |
 | brightness         | bool/string   | `true`, `"100"`                                      | [Link](https://cloudinary.com/documentation/transformation_reference#e_brightness?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)          |
 | brightnessHSB      | bool/string   | `true`, `"100"`                                      | [Link](https://cloudinary.com/documentation/transformation_reference#e_brightness_hsb?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)      |
 | cartoonify         | bool/string   | `true`, `"70:80"`                                    | [Link](https://cloudinary.com/documentation/transformation_reference#e_cartoonify?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)          |
-| color              | string        | `"blue"`                                             | `-`                                                                                         |
+| color              | string        | `"blue"`                                             | `-`                                                                                                                                                                        |
 | colorize           | string        | `"35,co_darkviolet"`                                 | [Link](https://cloudinary.com/documentation/transformation_reference#e_colorize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
 | contrast           | bool/string   | `true`, `"100"`, `"level_-70"`                       | [Link](https://cloudinary.com/documentation/transformation_reference#e_contrast?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)            |
 | distort            | string        | `"150:340:1500:10:1500:1550:50:1000"`, `"arc:180.0"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_distort?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)             |

diff --git a/docs/content/2.components/CldImage/3.examples.md b/docs/content/2.components/CldImage/3.examples.md
@@ -103,11 +103,21 @@ remove='mountain'
 `replace`: Replaces an object in an image using Generative AI
 
 ```html
-replace=['turtle', 'shark']
+:replace="['turtle', 'shark']""
 ```
 
 :image-with-replace{style="text-align: center; margin: 0 auto"}
 
+### Replace Background
+
+`replaceBackground`: Replace background of the image by using AI
+
+```html
+:replaceBackground="{ prompt: 'fish tank', seed: 3 }""
+```
+
+:cld-image{src="images/sneakers" width="1200" height="1200" alt="test" replaceBackground style="text-align: center; margin: 0 auto"}
+
 ### Restore
 
 `restore`: Restores an image using Generative AI

diff --git a/docs/package.json b/docs/package.json
@@ -17,6 +17,6 @@
     "typescript": "^5.4.5"
   },
   "dependencies": {
-    "@nuxtjs/cloudinary": "^3.0.1"
+    "@nuxtjs/cloudinary": "^3.1.0"
   }
 }