You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Top level configuration used for all composables and components. Check out all available options [here](https://cloudinary.com/documentation/cloudinary_sdks#configuration_parameters)
105
+
Top level configuration used for all composables and components. Check out all available options [here](https://cloudinary.com/documentation/cloudinary_sdks#configuration_parameters?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)
103
106
104
107
### `url`
105
108
106
109
- Default: `-`
107
110
108
-
Top level configuration used for all composables and components. Check out all available options [here](https://cloudinary.com/documentation/cloudinary_sdks#configuration_parameters)
111
+
Top level configuration used for all composables and components. Check out all available options [here](https://cloudinary.com/documentation/cloudinary_sdks#configuration_parameters?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)
Copy file name to clipboardexpand all lines: docs/content/2.components/CldMediaLibrary.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
description:
3
3
---
4
4
5
-
The CldMediaLibrary creates a media gallery element that uses an instance of the [Cloudinary Media Library Widget](https://cloudinary.com/documentation/media_library_widget) to give you an easy way to add media librarry component to your Nuxt app.
5
+
The CldMediaLibrary creates a media gallery element that uses an instance of the [Cloudinary Media Library Widget](https://cloudinary.com/documentation/media_library_widget?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) to give you an easy way to add media librarry component to your Nuxt app.
For all other available props checkout [Cloudinary Media Gallery Docs](https://cloudinary.com/documentation/media_library_widget#2_set_the_configuration_options) and make sure to pass them to the component as `params` like following:
38
+
For all other available props checkout [Cloudinary Media Gallery Docs](https://cloudinary.com/documentation/media_library_widget#2_set_the_configuration_options?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) and make sure to pass them to the component as `params` like following:
Copy file name to clipboardexpand all lines: docs/content/2.components/CldProductGallery.md
+2-2
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
description:
3
3
---
4
4
5
-
The CldProductGallery creates a product gallery element that uses an instance of the [Cloudinary Product Gallery Widget](https://cloudinary.com/documentation/product_gallery_reference) to give you an easy way to add product gallery component to your Nuxt app.
5
+
The CldProductGallery creates a product gallery element that uses an instance of the [Cloudinary Product Gallery Widget](https://cloudinary.com/documentation/product_gallery_reference?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) to give you an easy way to add product gallery component to your Nuxt app.
For all other available props checkout [Cloudinary Product Gallery Docs](https://cloudinary.com/documentation/product_gallery_reference#widget_parameters) and make sure to pass them to the component as `params` like following:
45
+
For all other available props checkout [Cloudinary Product Gallery Docs](https://cloudinary.com/documentation/product_gallery_reference#widget_parameters?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) and make sure to pass them to the component as `params` like following:
Copy file name to clipboardexpand all lines: docs/content/2.components/CldUploadButton.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
description:
3
3
---
4
4
5
-
The CldUploadButton creates a button element that uses an instance of the [Cloudinary Upload Widget](https://cloudinary.com/documentation/upload_widget) to give you an easy way to add upload capabilities to your Nuxt app.
5
+
The CldUploadButton creates a button element that uses an instance of the [Cloudinary Upload Widget](https://cloudinary.com/documentation/upload_widget?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) to give you an easy way to add upload capabilities to your Nuxt app.
6
6
7
7
The CldUploadButton component wraps the [CldUploadWidget](/components/clduploadwidget) component providing a pre-defined UI (a button). The same concepts apply, including having the option of using Signed or Unsigned uploads.
Copy file name to clipboardexpand all lines: docs/content/2.components/CldUploadWidget.md
+3-3
Original file line number
Diff line number
Diff line change
@@ -2,7 +2,7 @@
2
2
description:
3
3
---
4
4
5
-
The CldUploadWidget creates a new instance of the [Cloudinary Upload Widget](https://cloudinary.com/documentation/upload_widget) giving you an easy way to add upload capabilities to your Nuxt app.
5
+
The CldUploadWidget creates a new instance of the [Cloudinary Upload Widget](https://cloudinary.com/documentation/upload_widget?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) giving you an easy way to add upload capabilities to your Nuxt app.
6
6
7
7
## Basic Usage
8
8
@@ -11,7 +11,7 @@ The CldUploadWidget will not render any UI by default. It will instead only rend
11
11
There are two options when using the CldUploadWidget: signed and unsigned. These options allow you to control the amount of security and restrictions you place on uploads.
12
12
13
13
::callout{icon="i-heroicons-light-bulb"}
14
-
To learn more about signed and unsigned upload, check out the [Cloudinary docs](https://cloudinary.com/documentation/upload_images#uploading_assets_to_the_cloud).
14
+
To learn more about signed and unsigned upload, check out the [Cloudinary docs](https://cloudinary.com/documentation/upload_images#uploading_assets_to_the_cloud?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary).
15
15
::
16
16
17
17
### Unsigned
@@ -97,7 +97,7 @@ To use the above, create a Node-based API route, add the snippet, and use that e
97
97
| onTags | function |`(result, options) => { }`|
98
98
| onUploadAdded | function |`(result, options) => { }`|
99
99
100
-
To learn more about the event callbacks and when they trigger, see: https://cloudinary.com/documentation/upload_widget_reference#events
100
+
To learn more about the event callbacks and when they trigger, [see](https://cloudinary.com/documentation/upload_widget_reference#events?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)
Copy file name to clipboardexpand all lines: docs/content/2.components/CldVideoPlayer.md
+4-4
Original file line number
Diff line number
Diff line change
@@ -4,7 +4,7 @@ description:
4
4
5
5
## The usage
6
6
7
-
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.
7
+
The CldVideoPlayer component helps to embed Cloudinary videos using the [Cloudinary Video Player](https://cloudinary.com/documentation/cloudinary_video_player?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) giving you a full customizable experience for your player.
8
8
9
9
## Basic Usage
10
10
@@ -83,7 +83,7 @@ Picture-in-picture helps your viewers continue their multitasking agenda and mai
83
83
84
84
## Chapters
85
85
86
-
Adding a button to select chapters (you can pass `chapters` prop as a boolean if the video already has chapters as explained [here](https://cloudinary.com/documentation/video_player_customization#video_chapters)).
86
+
Adding a button to select chapters (you can pass `chapters` prop as a boolean if the video already has chapters as explained [here](https://cloudinary.com/documentation/video_player_customization#video_chapters?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)).
87
87
88
88
```html
89
89
<scriptsetuplang="ts">
@@ -111,7 +111,7 @@ Adding a button to select chapters (you can pass `chapters` prop as a boolean if
111
111
112
112
| Prop Name | Type | Default | Description | Example |
| autoPlay | string |`"never"`| When, if, should the video automatically play. See `autoplayMode` in [Video Player docs](https://cloudinary.com/documentation/video_player_api_reference#constructor_parameters)|`"on-scroll"`|
114
+
| autoPlay | string |`"never"`| When, if, should the video automatically play. See `autoplayMode` in [Video Player docs](https://cloudinary.com/documentation/video_player_api_reference#constructor_parameters?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary)|`"on-scroll"`|
115
115
| className | string | - | Additional class names added to the video container |`"my-video-player"`|
116
116
| colors | object | See below | Player chrome colors | See Colors Below |
117
117
| controls | boolean |`true`| Show player controls |`true`|
@@ -149,7 +149,7 @@ The `colors` prop takes an object that can control what colors are used in the p
149
149
| base | string |`"#000000"`| Player controls bar, information bar, central play button, and right-click context menu. |
150
150
| text | string |`"#FFFFFF"`| All the text and icons that are present within the video player UI. |
151
151
152
-
Learn more about the color scheme options and how they're used [on the Cloudinary docs](https://cloudinary.com/documentation/video_player_customization#color_scheme).
152
+
Learn more about the color scheme options and how they're used [on the Cloudinary docs](https://cloudinary.com/documentation/video_player_customization#color_scheme?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary).
Copy file name to clipboardexpand all lines: docs/content/3.composables/1.useCldImageUrl.md
+1-1
Original file line number
Diff line number
Diff line change
@@ -123,7 +123,7 @@ All effect props are disabled by default.
123
123
| vibrance | bool/string |`true`, `"70"`|
124
124
| vignette | bool/string |`true`, `"30"`|
125
125
126
-
[View the Cloudinary docs](https://cloudinary.com/documentation/transformation_reference#e_effect) to see learn more about using effects.
126
+
[View the Cloudinary docs](https://cloudinary.com/documentation/transformation_reference#e_effect?utm_campaign=devx_nuxtcloudinary&utm_medium=referral&utm_source=nuxtcloudinary) to see learn more about using effects.
0 commit comments