RafidMuhymin/astro-imagetools

astro imagetools Picture and BackgroundImage tags not works after upgrade packages

nothinghalosix opened this issue · 1 comments

nothinghalosix commented

<Picture loading="lazy" src="/images/slider/Header01.jpg" alt="&copy; " width={2400}/>
same with BackgroundImage tag

[astro-imagetools] data-astro-cid-juhulabb is not a valid Picture Config Option

package.json
"@astrojs/sitemap": "^3.0.3",
"@astrojs/tailwind": "5.0.3",
"astro": "^4.0.2",
"astro-imagetools": "^0.9.0",
"date-fns": "^2.30.0",
"sass": "^1.69.5",
"tailwindcss": "^3.3.6"

trinkel commented

Same issue with a new install.

package.json

"dependencies": {
	"@astrojs/check": "^0.3.1",
	"astro": "^4.0.3",
	"astro-imagetools": "^0.9.0",
	"typescript": "^5.3.3"

index.astro

<BackgroundImage
	src="/src/images/holidaybg-horz-5710x2958-24.png"
	breakpoints={[200, 400, 800, 1600]}
	backgroundSize="contain"
	fallbackFormat="png"
	artDirectives={[
		{
			src: "/src/images/holidaybg-vert-3197x4848-24.png",
			media: "(orientation: portrait)",
			backgroundSize: "cover",
			backgroundPosition: "right bottom",
		}
	]}
/>

Error (npm run dev)

[astro-imagetools]  data-astro-cid-j7pv25f6  is not a valid BackgroundImage Config Option
  • 👍3