image icon indicating copy to clipboard operation
image copied to clipboard

Published 20 hours ago • verified publisher icon nuxt

Add provider for lorem picsum

Open mickaelchanrion opened this issue 3 years ago • 3 comments

Hello,

It's sometimes useful to use dummy images while developing a frontend. Especially when the content edition is not done yet. I therefore created a custom provider for Lorem Picsum

Usage is as follow:

  • <NuxtImg provider="picsum" src="id/237" width="200" height="300" />

    renders: https://picsum.photos/id/237/200/300

  • <NuxtImg provider="picsum" src="id/237" width="200" height="300" :modifiers="{ grayscale: 1, blur: 1 }" />

    renders: https://picsum.photos/id/237/200/300?grayscale=1&blur=1

If interested, I can share and/or create a PR :)

mickaelchanrion avatar Jul 08 '21 13:07 mickaelchanrion

Nice idea @mickaelchanrion. PR welcome <3

pi0 avatar Jul 08 '21 13:07 pi0

I can maybe look at doing a PR tomorrow, if I have time

shadow81627 avatar Jul 08 '21 23:07 shadow81627

Don't burden yourself, I already started with the changes. Will publish the PR sometime this weekend ;)

mickaelchanrion avatar Jul 09 '21 10:07 mickaelchanrion