authenticationEndpointparameters are optional and only needed if you want to use the SDK for client-side file upload. You can get these parameters from the developer section in your ImageKit dashboard - https://imagekit.io/dashboard/developer/api-keys.
your_url_endpointetc, with actual values.
https://www.custom-domain.com/default-image.jpgthen you can use
srcprop to load the image.
wparameter. It makes your code more readable. If the property does not match any of the available options, it is added as it is. See the full list of supported transformations in Vuejs SDK on Github.
transformationprop to chain these transformations sequentially.
ik-imagecomponent. When you use
loading="lazy", all images that are immediately viewable without scrolling load normally. Those that are far below the device viewport are only fetched when the user scrolls near them.
1250pxand on slower connections (e.g 3G), it is
blur:6. You can change this. For example:
authenticationEndpointwhile initializing the SDK. Replace
your_authentication_endpointwith actual values.
authenticationEndpointshould be implemented in your backend. The SDK makes an HTTP GET request to this endpoint and expects a JSON response with three fields i.e.
expire. Learn how to implement authenticationEndpoint on your server.
serverfolder in the project root. It should look like this:
http://localhost:3001/authwhich is our
ik-uploadcomponent in the
onErrorcallback functions as props like we have.