fix(02-advanced-svelte/07-composition): apply missing fill to paper.svg

noelforte · noelforte · commit 0a3c59ecd2dd · 2024-02-15T18:10:15.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.

Squashed the following changes in as well because the asset was also
broken in subsequent tutorials. I have aligned them with the changes I
made in `07-composition/01-slots`.
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>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/02-named-slots/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/02-named-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="white" />
-</svg>
+</svg>
diff --git a/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/app-a/src/lib/paper.svg b/content/tutorial/02-advanced-svelte/07-composition/03-slot-fallbacks/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>
