File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff 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
190207In addition to the [ standard modifiers] ( /usage/nuxt-img#modifiers ) , you can also use most
191208of [ 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
You can’t perform that action at this time.
0 commit comments