Description
When using the hygraph-provider to show images, providing no transformations will return a broken image URL, resulting in the image not being displayed at all.
Reproduction
Stackblitz minimal reproduction
// nuxt.config.ts
export default defineNuxtConfig({
modules: ['@nuxt/image'],
image: {
hygraph: {
baseURL: 'https://eu-west-2.graphassets.com/cma6x4vl1007901w50aelaqrj',
},
},
});
<template>
<div>
<NuxtImg
src="https://eu-west-2.graphassets.com/cma6x4vl1007901w50aelaqrj/aMvQyQbdSk6obGfhMJJG"
provider="hygraph"
/>
</div>
</template>
- Resulting URL:
https://eu-west-2.graphassets.com/cma6x4vl1007901w50aelaqrj/resize=/auto_image/aMvQyQbdSk6obGfhMJJG
- Expected URL:
https://eu-west-2.graphassets.com/cma6x4vl1007901w50aelaqrj/auto_image/aMvQyQbdSk6obGfhMJJG