Skip to content

Commit ad4db79

Browse files
committed
fix: update imgproxy docs;
1 parent 7dbaf4c commit ad4db79

1 file changed

Lines changed: 34 additions & 1 deletion

File tree

docs/content/3.providers/imgproxy.md

Lines changed: 34 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -185,7 +185,24 @@ const defaultModifiers: Partial<ImgproxyModifiers> = {
185185
}
186186
```
187187

188-
If you want to change them, you can define it `nuxt.config.ts` file.
188+
If you want to change them, you can define them in your `nuxt.config.ts` file:
189+
190+
```ts [nuxt.config.ts]
191+
export default defineNuxtConfig({
192+
image: {
193+
imgproxy: {
194+
baseURL: 'http://localhost:8080/',
195+
key: 'ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800',
196+
salt: '8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e',
197+
modifiers: {
198+
resizingType: 'fit',
199+
gravity: 'no',
200+
format: 'png',
201+
}
202+
}
203+
}
204+
})
205+
```
189206

190207
In addition to the [standard modifiers](/usage/nuxt-img#modifiers), you can also use most
191208
of [Imgproxy Options](https://docs.imgproxy.net/usage/processing#processing-options) by adding them to the `modifiers`
@@ -290,6 +307,22 @@ Example 4: Advanced image manipulation:
290307
/>
291308
```
292309

310+
### Contributing
311+
312+
When developing this provider, a locally installed version of imgproxy was used with the following settings:
313+
314+
```yaml [docker-compose.yml]
315+
316+
services:
317+
app:
318+
image: ghcr.io/imgproxy/imgproxy
319+
environment:
320+
- IMGPROXY_KEY=ee3b0e07dfc9ec20d5d9588a558753547a8a88c48291ae96171330daf4ce2800
321+
- IMGPROXY_SALT=8dd0e39bb7b14eeaf02d49e5dc76d2bc0abd9e09d52e7049e791acd3558db68e
322+
- IMGPROXY_PRESETS=default=resizing_type:fill/enlarge:1,sharp=sharpen:0.7,blurry=blur:100
323+
ports:
324+
- 8080:8080
325+
```
293326
294327
295328

0 commit comments

Comments
 (0)