docs(faq): wrap image in url() in Vite imported image example (#3193)

kasmacioma · web-flow · commit b084efe0a5d3 · 2025-03-22T19:57:09.000Z
diff --git a/website/pages/docs/overview/faq.md b/website/pages/docs/overview/faq.md
@@ -54,7 +54,7 @@ const Demo = () => {
   return (
     <p
       className={css({ bg: 'red.300', backgroundRepeat: 'repeat' })}
-      style={{ backgroundImage: myImageBackground }}
+      style={{ backgroundImage: `url("${myImageBackground}")` }}
     >
       Hello World
     </p>

Original file line number	Diff line number	Diff line change
`@@ -54,7 +54,7 @@ const Demo = () => {`
`54`	`54`	`return (`
`55`	`55`	`<p`
`56`	`56`	`className={css({ bg: 'red.300', backgroundRepeat: 'repeat' })}`
`57`		`- style={{ backgroundImage: myImageBackground }}`
	`57`	+ style={{ backgroundImage: `url("${myImageBackground}")` }}
`58`	`58`	`>`
`59`	`59`	`Hello World`
`60`	`60`	`</p>`