Bug: images are not rendering

[techtolentino]

What is the issue?

After using merging the PR for using semtantic HTML images w/ nuxt-img, for some reason, all of the images worked in our deployed branch preview, but they ended up not working in production.

We need to investigate why this is happening.

Where does the issue happen?

Where we currently have broken images:

• all /learn/course Overview pages such as the Basics of quantum information, Variational algorithm design, Games and demos... pretty much all of them that use the page preview img
• all thumbnails from qiskit.org/events > Past events tab are broken
• missing an image on qiskit.org/metal

Screenshots

Screen.Recording.2023-05-17.at.8.50.41.AM.mov

Additional information

Potentially related: #3210
Related discussion happening here: nuxt/image#689

[techtolentino]

Reopening issue since my fix didn't work as expected 😞

[vabarbosa]

it looked like it worked for me in preview ... is it behaving different in production?

[techtolentino]

@vabarbosa - yes, to me it also worked in preview, but does not work in production

[techtolentino]

Update: We decided to merge the temporary fix (using <img> in place of <nuxt-img>), just so we don't go off into the weekend with the site having broken images.

Though, we still need to keep this issue open so we can investigate what's going on w/ the nuxt-img.

[y4izus]

Nuxt-image package has been updated, so we can take a look and see if we can use it again

[eddybrando]

Currently "ON HOLD" since we're deciding whether it makes sense to work on this at the moment or not.

[christonomous]

How is it going? My Images are not available in production mode. What is the workaround?