Skip to content

Commit 81b1dbd

Browse files
BaroshemBaroshem
authored
Merge pull request #228 from nuxt-modules/chore/3.1.0
Chore/3.1.0
2 parents 2931652 + 8aeea7a commit 81b1dbd

File tree

11 files changed

+168
-146
lines changed

11 files changed

+168
-146
lines changed

‎.stackblitz/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -11,6 +11,6 @@
1111
"nuxt": "^3.11.2"
1212
},
1313
"dependencies": {
14-
"@nuxtjs/cloudinary": "^3.0.1"
14+
"@nuxtjs/cloudinary": "^3.1.0"
1515
}
1616
}

‎.stackblitz/yarn.lock

+24-24
Original file line numberDiff line numberDiff line change
@@ -569,30 +569,30 @@
569569
dependencies:
570570
mime "^3.0.0"
571571

572-
"@cloudinary-util/types@1.0.2":
573-
version "1.0.2"
574-
resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.2.tgz#3ebc14f01f3c113183ad47cc5a9c69e65d06f762"
575-
integrity sha512-j3xUfN4uMFDMSvoQeOMxqKYsGZovlRFr8niOQXfcqoHp7NVBiJm8oy6y2HDGQhxH63irmFt8VtzJEnYwGYsGXg==
572+
"@cloudinary-util/types@1.2.0":
573+
version "1.2.0"
574+
resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.2.0.tgz#c67ee4c4948236327872239165bf798eeeb899c5"
575+
integrity sha512-2Mo5juB1HV+GmVLq2+bU0Yg5FB6r+csbHyDN6njc0AqkEkp+AW+Q6kYbbTYkT7zk3x9tBWfKn3lfR7wUCwowJw==
576576

577-
"@cloudinary-util/types@1.0.5":
578-
version "1.0.5"
579-
resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.0.5.tgz#0325881338b3c390b4ad27f5484e95cdb0c4f9b7"
580-
integrity sha512-QySi6Q138yg/qrD7f6yscH9T+/8VwUfF9AiwFPMS89uI5wnSG9nhC+93a/8iUpgk9ujTDVqE8+TqYAbxvF0BMA==
577+
"@cloudinary-util/types@1.2.0-beta.1":
578+
version "1.2.0-beta.1"
579+
resolved "https://registry.yarnpkg.com/@cloudinary-util/types/-/types-1.2.0-beta.1.tgz#ba3461e97a26ba8d9d0d733dd983f504a3db0303"
580+
integrity sha512-zdMPqadGhRWwSZQcgsUoouJhr2Dnpc4p1ytGLtnEmVFNvwDhYMR6ER3xLP5FoSNzPx10SoWfNl6UWQKInkk+iQ==
581581

582-
"@cloudinary-util/url-loader@^5.3.1":
583-
version "5.3.1"
584-
resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.3.1.tgz#2898ea4f75a968a5857046d54bd589f228d04848"
585-
integrity sha512-cYgnazu7cLjRaajGmhyVfMxjrOz4EaSQsWK1/utV4K5kknUUhu8vUovGunDQJbEGmBWB/TUt7zmwpdUAQ+pe4g==
582+
"@cloudinary-util/url-loader@^5.6.0":
583+
version "5.6.0"
584+
resolved "https://registry.yarnpkg.com/@cloudinary-util/url-loader/-/url-loader-5.6.0.tgz#778c9b09faa02edd19702e742c931ce9927a7790"
585+
integrity sha512-oWTXaaBralKLfk9tD2fWaTfwflx9Acug6L3GO72sLPxIssg+SyeNDiIrNwIFRx6SkFR74bWWNqjp2yu135gaDQ==
586586
dependencies:
587-
"@cloudinary-util/types" "1.0.5"
588-
"@cloudinary-util/util" "3.0.2"
587+
"@cloudinary-util/types" "1.2.0-beta.1"
588+
"@cloudinary-util/util" "3.2.0"
589589
"@cloudinary/url-gen" "1.15.0"
590590
zod "^3.22.4"
591591

592-
"@cloudinary-util/util@3.0.2":
593-
version "3.0.2"
594-
resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.0.2.tgz#a86334eeec9912cf90054f5688a7d10fca9fe952"
595-
integrity sha512-EMmspJLVFn9hX92DaK/yuSzSUXF/BJ88crzN8vT1qCaJMMWKapGNo2HZ6YNgG69PP/Jngdk0mTINDU+GP3A1CA==
592+
"@cloudinary-util/util@3.2.0":
593+
version "3.2.0"
594+
resolved "https://registry.yarnpkg.com/@cloudinary-util/util/-/util-3.2.0.tgz#cdfb15ca0f04063203109ffbf3a5bc6de7f94c2b"
595+
integrity sha512-VJBqAT3W0HQ9kyMagv+EzXkM/VYR9Ks01ewGxsS8T8b2N0NZFPAhYKeU2H9fOXSl6BVrD6aVYjJZAoT8pfQIyA==
596596

597597
"@cloudinary/transformation-builder-sdk@^1.10.0":
598598
version "1.12.0"
@@ -1169,13 +1169,13 @@
11691169
vite-plugin-checker "^0.6.4"
11701170
vue-bundle-renderer "^2.0.0"
11711171

1172-
"@nuxtjs/cloudinary@^3.0.1":
1173-
version "3.0.1"
1174-
resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.0.1.tgz#3678c6ba77d5d5f8a0d442915bb26da0b13a33da"
1175-
integrity sha512-PCmo4m7d4Tiybn0bIPOEf+Bv3xk3BF8w7YgV9BfE7RxuqQBYEk+zR249Mb6ezOZ8PMzr5pYzmL3b5nudpn09Gg==
1172+
"@nuxtjs/cloudinary@^3.1.0":
1173+
version "3.1.0"
1174+
resolved "https://registry.yarnpkg.com/@nuxtjs/cloudinary/-/cloudinary-3.1.0.tgz#d2a0261fd751f9c9bebe31556e5fbbe001aa5dc7"
1175+
integrity sha512-RTMVY34dIwiYsyfNsIDuN/LgJ5A/kt5XCWO0fLOjDCA6oW822HrxIwIkxRM8zd8T4VoVKIzZvyiXZNXMfKaoZw==
11761176
dependencies:
1177-
"@cloudinary-util/types" "1.0.2"
1178-
"@cloudinary-util/url-loader" "^5.3.1"
1177+
"@cloudinary-util/types" "1.2.0"
1178+
"@cloudinary-util/url-loader" "^5.6.0"
11791179
"@nuxt/kit" "^3.11.2"
11801180
"@unpic/vue" "^0.0.48"
11811181
defu "^6.1.4"

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

+21-20
Original file line numberDiff line numberDiff line change
@@ -25,22 +25,23 @@ CldImage extends the Upnic Image component using Cloudinary tech. This means all
2525

2626
The CldImage component exposes many of Cloudinary's transformations in an easy-to-use way right inside of Nuxt.
2727

28-
| Prop | Type | Default | Example | More |
29-
| --------------------- | ----------------------- | --------- | ----------------------- | ------------------------------------------------------------------------------------------ |
30-
| angle | number | `-` | `"45"` | [Link](https://cloudinary.com/documentation/transformation_reference#a_angle?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
31-
| background | string | `-` | `"blue"` | [Link](https://cloudinary.com/documentation/transformation_reference#b_background?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
32-
| crop | string | `"limit"` | `"thumb"` | [Link](https://cloudinary.com/documentation/transformation_reference#c_crop_resize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
33-
| enhance | boolean | `-` | `"true"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_enhance?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
34-
| 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) |
35-
| gravity | string | `auto` | `"faces"` | [Link](https://cloudinary.com/documentation/transformation_reference#g_gravity?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
36-
| loop | `boolean/number` | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_loop?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
37-
| 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) |
38-
| 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) |
39-
| 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) |
40-
| 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) |
41-
| restore | boolean | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_restore?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
42-
| zoom | string | `-` | `0.5` | [Link](https://cloudinary.com/documentation/transformation_reference#z_zoom?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
43-
| zoompan | `boolean/string/object` | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_zoompan?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
28+
| Prop | Type | Default | Example | More |
29+
| --------------------- | ----------------------- | --------- | --------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
30+
| angle | number | `-` | `"45"` | [Link](https://cloudinary.com/documentation/transformation_reference#a_angle?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
31+
| background | string | `-` | `"blue"` | [Link](https://cloudinary.com/documentation/transformation_reference#b_background?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
32+
| crop | string | `"limit"` | `"thumb"` | [Link](https://cloudinary.com/documentation/transformation_reference#c_crop_resize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
33+
| enhance | boolean | `-` | `"true"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_enhance?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
34+
| 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) |
35+
| gravity | string | `auto` | `"faces"` | [Link](https://cloudinary.com/documentation/transformation_reference#g_gravity?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
36+
| loop | `boolean/number` | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_loop?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
37+
| 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) |
38+
| 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) |
39+
| 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) |
40+
| 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) |
41+
| restore | boolean | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_gen_restore?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
42+
| 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) |
43+
| zoom | string | `-` | `0.5` | [Link](https://cloudinary.com/documentation/transformation_reference#z_zoom?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
44+
| zoompan | `boolean/string/object` | `-` | `true` | [Link](https://cloudinary.com/documentation/transformation_reference#e_zoompan?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
4445

4546
## General Props
4647

@@ -76,8 +77,8 @@ Following props can be passed to the CldImage component to make it work in more
7677

7778
All effect props are disabled by default.
7879

79-
| Prop Name | Type | Example | More |
80-
| ------------------ | ------------- | ---------------------------------------------------- | ------------------------------------------------------------------------------------------- |
80+
| Prop Name | Type | Example | More |
81+
| ------------------ | ------------- | ---------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
8182
| art | string | `"al_dente"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_art?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
8283
| 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) |
8384
| 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.
8788
| blur | bool/string | `true`, `"800"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_blur?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
8889
| 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) |
8990
| 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) |
90-
| border | string | `"5px_solid_purple"` | `-` |
91+
| border | string | `"5px_solid_purple"` | `-` |
9192
| brightness | bool/string | `true`, `"100"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_brightness?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
9293
| 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) |
9394
| 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) |
94-
| color | string | `"blue"` | `-` |
95+
| color | string | `"blue"` | `-` |
9596
| colorize | string | `"35,co_darkviolet"` | [Link](https://cloudinary.com/documentation/transformation_reference#e_colorize?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) |
9697
| 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) |
9798
| 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) |

‎docs/content/2.components/CldImage/3.examples.md

+11-1
Original file line numberDiff line numberDiff line change
@@ -103,11 +103,21 @@ remove='mountain'
103103
`replace`: Replaces an object in an image using Generative AI
104104

105105
```html
106-
replace=['turtle', 'shark']
106+
:replace="['turtle', 'shark']""
107107
```
108108

109109
:image-with-replace{style="text-align: center; margin: 0 auto"}
110110

111+
### Replace Background
112+
113+
`replaceBackground`: Replace background of the image by using AI
114+
115+
```html
116+
:replaceBackground="{ prompt: 'fish tank', seed: 3 }""
117+
```
118+
119+
:cld-image{src="images/sneakers" width="1200" height="1200" alt="test" replaceBackground style="text-align: center; margin: 0 auto"}
120+
111121
### Restore
112122

113123
`restore`: Restores an image using Generative AI

‎docs/package.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,6 @@
1717
"typescript": "^5.4.5"
1818
},
1919
"dependencies": {
20-
"@nuxtjs/cloudinary": "^3.0.1"
20+
"@nuxtjs/cloudinary": "^3.1.0"
2121
}
2222
}

0 commit comments

Comments
 (0)