Skip to content

Commit b723c0d

Browse files
matiasfhamatiasfha
committed
fix: patch update, updated docs
1 parent f041248 commit b723c0d

File tree

8 files changed

+167
-64
lines changed

8 files changed

+167
-64
lines changed

‎README.md‎

Lines changed: 2 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -64,15 +64,7 @@ import { CldImage } from 'svelte-cloudinary';
6464
<CldImage width="600" height="600" src="<Public ID or Cloudinary URL>" alt="<Alt Text>" />
6565
```
6666

67-
[Learn more about CldImage on the Svelte Cloudinary Docs](https://svelte-cloudinary.spacejelly.dev/components/cldimage/basic-usage)
68-
69-
### Other Use Cases
70-
71-
- [Background Removal](https://svelte-cloudinary.spacejelly.dev/use-cases/background-removal)
72-
- [Image Overlays](https://svelte-cloudinary.spacejelly.dev/use-cases/image-overlays)
73-
- [Image Underlays](https://svelte-cloudinary.spacejelly.dev/use-cases/image-underlays)
74-
- [Social Media Card](https://svelte-cloudinary.spacejelly.dev/use-cases/social-media-card)
75-
- [Text Overlays](https://svelte-cloudinary.spacejelly.dev/use-cases/text-overlays)
67+
[Learn more about CldImage on the Svelte Cloudinary Docs](https://svelte-cloudinary.vercel.app/components/cldimage/basic-usage)
7668

7769
## ❤️ Community & Support
7870

@@ -174,4 +166,4 @@ Thanks [cupcakearmy](https://github.com/cupcakearmy) for handing off the origina
174166
<!-- markdownlint-restore -->
175167
<!-- prettier-ignore-end -->
176168

177-
<!-- ALL-CONTRIBUTORS-LIST:END -->
169+
<!-- ALL-CONTRIBUTORS-LIST:END -->

‎docs/src/routes/components/CldImage/configuration/+page.svx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ order: 2
66
<svelte:head>
77
<title>CldImage Configuration - SvelteKit Cloudinary</title>
88
<meta name="og:title" content="CldImage Configuration - SvelteKit Cloudinary" />
9-
<meta name="og:url" content={`https://svelte-cloudinary.spacejelly.dev/components/cldimage/configuration`} />
9+
<meta name="og:url" content={`https://svelte-cloudinary.vercel.app/components/cldimage/configuration`} />
1010
</svelte:head>
1111

1212

‎docs/src/routes/components/CldImage/examples/+page.svx‎

Lines changed: 46 additions & 46 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ import { CldImage } from 'svelte-cloudinary'
1212
<svelte:head>
1313
<title>CldImage Examples - Svelte Cloudinary</title>
1414
<meta name="og:title" content="CldImage Examples - Svelte Cloudinary" />
15-
<meta name="og:url" content={`https://next-cloudinary.spacejelly.dev/components/cldimage/examples`} />
15+
<meta name="og:url" content={`https://next-cloudinary.vercel.app/components/cldimage/examples`} />
1616
</svelte:head>
1717

1818

@@ -23,8 +23,8 @@ import { CldImage } from 'svelte-cloudinary'
2323
<ImageGrid>
2424
<li>
2525
<CldImage
26-
width="960"
27-
height="600"
26+
width={960}
27+
height={600}
2828
src={`images/turtle`}
2929
sizes="(max-width: 480px) 100vw, 50vw"
3030
removeBackground
@@ -43,8 +43,8 @@ Background removal requires the <a href="https://cloudinary.com/documentation/cl
4343
</li>
4444
<li>
4545
<CldImage
46-
width="960"
47-
height="600"
46+
width={960}
47+
height={600}
4848
src="images/turtle"
4949
sizes="(max-width: 480px) 100vw, 50vw"
5050
zoompan="loop"
@@ -59,8 +59,8 @@ zoompan="loop"
5959
</li>
6060
<li>
6161
<CldImage
62-
width="960"
63-
height="600"
62+
width={960}
63+
height={600}
6464
src="images/turtle"
6565
sizes="(max-width: 480px) 100vw, 50vw"
6666
blur="1200"
@@ -75,8 +75,8 @@ blur="1200"
7575
</li>
7676
<li>
7777
<CldImage
78-
width="960"
79-
height="600"
78+
width={960}
79+
height={600}
8080
src="images/turtle"
8181
sizes="(max-width: 480px) 100vw, 50vw"
8282
pixelate
@@ -91,8 +91,8 @@ pixelate
9191
</li>
9292
<li>
9393
<CldImage
94-
width="960"
95-
height="600"
94+
width={960}
95+
height={600}
9696
src="images/turtle"
9797
sizes="(max-width: 480px) 100vw, 50vw"
9898
grayscale
@@ -107,8 +107,8 @@ grayscale
107107
</li>
108108
<li>
109109
<CldImage
110-
width="960"
111-
height="600"
110+
width={960}
111+
height={600}
112112
src="images/turtle"
113113
sizes="(max-width: 480px) 100vw, 50vw"
114114
tint="equalize:80:blue:blueviolet"
@@ -123,8 +123,8 @@ tint="equalize:80:blue:blueviolet"
123123
</li>
124124
<li>
125125
<CldImage
126-
width="960"
127-
height="600"
126+
width={960}
127+
height={600}
128128
src="images/turtle"
129129
opacity="50"
130130
alt=""
@@ -138,8 +138,8 @@ opacity="50"
138138
</li>
139139
<li>
140140
<CldImage
141-
width="960"
142-
height="600"
141+
width={960}
142+
height={600}
143143
src="images/turtle"
144144
shear="40:0"
145145
alt=""
@@ -153,8 +153,8 @@ shear="40:0"
153153
</li>
154154
<li>
155155
<CldImage
156-
width="960"
157-
height="600"
156+
width={960}
157+
height={600}
158158
src="images/turtle"
159159
border="40px_solid_purple"
160160
alt=""
@@ -168,8 +168,8 @@ border="40px_solid_purple"
168168
</li>
169169
<li>
170170
<CldImage
171-
width="960"
172-
height="600"
171+
width={960}
172+
height={600}
173173
src="images/turtle"
174174
background="blue"
175175
removeBackground
@@ -185,8 +185,8 @@ background="blue"
185185
</li>
186186
<li>
187187
<CldImage
188-
width="960"
189-
height="600"
188+
width={960}
189+
height={600}
190190
src="images/turtle"
191191
trim
192192
alt=""
@@ -200,8 +200,8 @@ trim
200200
</li>
201201
<li>
202202
<CldImage
203-
width="960"
204-
height="600"
203+
width={960}
204+
height={600}
205205
src={`images/turtle`}
206206
effects={[
207207
{
@@ -241,7 +241,7 @@ effects={[
241241
<ImageGrid>
242242
<li>
243243
<CldImage
244-
width="600"
244+
width={600}
245245
height="900"
246246
src="images/woman-headphones"
247247
sizes="(max-width: 480px) 100vw, 50vw"
@@ -255,8 +255,8 @@ effects={[
255255
</li>
256256
<li>
257257
<CldImage
258-
width="600"
259-
height="600"
258+
width={600}
259+
height={600}
260260
src="images/woman-headphones"
261261
sizes="(max-width: 480px) 100vw, 50vw"
262262
crop="thumb"
@@ -273,8 +273,8 @@ gravity="auto"
273273
</li>
274274
<li>
275275
<CldImage
276-
width="600"
277-
height="600"
276+
width={600}
277+
height={600}
278278
src="images/turtle"
279279
sizes="(max-width: 480px) 100vw, 50vw"
280280
crop="thumb"
@@ -291,8 +291,8 @@ gravity="faces"
291291
</li>
292292
<li>
293293
<CldImage
294-
width="600"
295-
height="600"
294+
width={600}
295+
height={600}
296296
src="images/turtle"
297297
sizes="(max-width: 480px) 100vw, 50vw"
298298
crop="thumb"
@@ -315,8 +315,8 @@ zoom="0.5"
315315
<ImageGrid>
316316
<li>
317317
<CldImage
318-
width="960"
319-
height="600"
318+
width={960}
319+
height={600}
320320
src={`images/turtle`}
321321
sizes="(max-width: 480px) 100vw, 50vw"
322322
overlays={[{
@@ -361,8 +361,8 @@ overlays={[{
361361
</li>
362362
<li>
363363
<CldImage
364-
width="960"
365-
height="600"
364+
width={960}
365+
height={600}
366366
crop="fill"
367367
src={`images/white`}
368368
colorize="100,co_darkviolet"
@@ -408,8 +408,8 @@ overlays={[{
408408
</li>
409409
<li>
410410
<CldImage
411-
width="960"
412-
height="600"
411+
width={960}
412+
height={600}
413413
crop="fill"
414414
src={`images/white`}
415415
colorize="100,co_darkviolet"
@@ -456,8 +456,8 @@ overlays={[{
456456
</li>
457457
<li>
458458
<CldImage
459-
width="960"
460-
height="600"
459+
width={960}
460+
height={600}
461461
crop="fill"
462462
src={`images/white`}
463463
colorize="100,co_darkviolet"
@@ -650,8 +650,8 @@ overlays={[{
650650
<ImageGrid>
651651
<li>
652652
<CldImage
653-
width="960"
654-
height="600"
653+
width={960}
654+
height={600}
655655
src="images/turtle"
656656
sizes="(max-width: 480px) 100vw, 50vw"
657657
transformations={[
@@ -670,8 +670,8 @@ transformations={[
670670
</li>
671671
<li>
672672
<CldImage
673-
width="960"
674-
height="600"
673+
width={960}
674+
height={600}
675675
src="images/turtle"
676676
rawTransformations={['c_crop,h_359,w_517,x_1200,y_100/c_scale,h_359,w_517/f_auto,q_auto']}
677677
sizes="(max-width: 480px) 100vw, 50vw"
@@ -689,8 +689,8 @@ rawTransformations={[
689689
</li>
690690
<li>
691691
<CldImage
692-
width="960"
693-
height="600"
692+
width={960}
693+
height={600}
694694
src={`https://res.cloudinary.com/${import.meta.env.VITE_PUBLIC_CLOUDINARY_CLOUD_NAME}/image/upload/c_fill,h_300,w_250/e_blur:1000/v1/images/turtle`}
695695
preserveTransformations
696696
tint="equalize:80:blue:blueviolet"

0 commit comments

Comments
 (0)