image
image copied to clipboard
nuxt
Plug-and-play image optimization for Nuxt applications.
Hi, this PR aims to achieve a minor performance improvement by implementing the following changes: 1) Making the `decoding` attribute in the image tag asynchronous (similar to Next.js - https://nextjs.org/docs/app/api-reference/components/image#other-props):...
### Issue When running a production build of the application where the `node_modules` have been pruned via `npm prune --production`, if you don't include `ipx` in the "dependencies" section of...
`` `` The two render sizes are different. The img tag always appears correctly, but nuxt-img does not appear properly when the viewport is smaller than the largest screen. Why...
### Reproduction ``` git clone [email protected]:nuxt/image.git cd image pnpm install pnpm dev:prepare pnpm build pnpm dev:build rm -rf node_modules/@img node playground/.output/server/index.mjs ``` Open: http://localhost:3000/provider/ipx --- ``` [500] [IPX_ERROR] Could not...
This allows a user to apply a custom class to the underyling original `` element. ```html ``` Use case: - The user wants to utilize the `placeholder` prop to have...
**Problem** images containing query params cannot be retrieved in IPX because the query params are encoded _issues_ https://github.com/nuxt/image/issues/815 https://github.com/nuxt/image/issues/944 **Solution** by using ufo's normalizeURL the src is split up in...
I tried to use `@error` on `NuxtImg` and `` component, but nothing works: ```html This is never displayed: {{ error }} const handleError = (e) => { // never gets...
I'm trying to optimize images from remote sources (e.g. unsplash) with the `ipx` provider. It works fine in `npm run dev`. However when serving a static generated version, the images...
Hi, Is it possible to define default `sizes`? I tried to put it in the preset, but looks like it for modifiers only. Setting custom `screens` config also isn't the...
