fix(02-advanced-svelte/07-composition/01-slots): apply a fill to paper.svg <rect> node

noelforte · noelforte · commit 66be7571085f · 2024-02-15T17:52:51.000-05:00
when used as a background image, not including a fill will make the svg invisible, this commit adds the fill so the example works properly.
diff --git a/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/01-slots/app-a/src/lib/paper.svg
@@ -1,10 +1,10 @@
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 350 200">
 	<filter id='paper' x='0%' y='0%' width='100%' height='100%'>
 		<feTurbulence type="fractalNoise" baseFrequency="0.04" numOctaves="5" result="noise" />
-		<feDiffuseLighting in="noise" lighting-color="white" surfaceScale="3" result="diffLight">
+		<feDiffuseLighting in="noise" lighting-color="white" surfaceScale="1" result="diffLight">
 			<feDistantLight elevation="60" />
 		</feDiffuseLighting>
 	</filter>
 
-	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="none" />
+	<rect x="0" y="0" width="100%" height="100%" filter="url(#paper)" fill="white" />
 </svg>
