more

Rich-Harris · Rich-Harris · commit 09792360fde2 · 2024-12-23T13:41:34.000-05:00
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/+assets/app-a/src/lib/AudioPlayer.svelte b/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/+assets/app-a/src/lib/AudioPlayer.svelte
@@ -15,7 +15,7 @@
 	}
 </script>
 
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 	<button
 		class="play"
 		aria-label={paused ? 'play' : 'pause'}
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/+assets/app-b/src/lib/AudioPlayer.svelte b/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/+assets/app-b/src/lib/AudioPlayer.svelte
@@ -15,7 +15,7 @@
 	}
 </script>
 
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 	<audio
 		{src}
 		bind:currentTime={time}
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/index.md b/apps/svelte.dev/content/tutorial/02-advanced-svelte/04-advanced-bindings/03-media-elements/index.md
@@ -8,7 +8,7 @@ First, add the `<audio>` element along with its bindings (we'll use the shorthan
 
 ```svelte
 /// file: AudioPlayer.svelte
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 +++	<audio
 		{src}
 		bind:currentTime={time}
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/01-sharing-code/+assets/app-a/src/lib/AudioPlayer.svelte b/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/01-sharing-code/+assets/app-a/src/lib/AudioPlayer.svelte
@@ -15,7 +15,7 @@
 	}
 </script>
 
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 	<audio
 		{src}
 		bind:currentTime={time}
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/01-sharing-code/+assets/app-b/src/lib/AudioPlayer.svelte b/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/01-sharing-code/+assets/app-b/src/lib/AudioPlayer.svelte
@@ -19,7 +19,7 @@
 	}
 </script>
 
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 	<audio
 		{src}
 		bind:currentTime={time}
diff --git a/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/+assets/app-b/src/lib/AudioPlayer.svelte b/apps/svelte.dev/content/tutorial/02-advanced-svelte/08-script-module/02-module-exports/+assets/app-b/src/lib/AudioPlayer.svelte
@@ -23,7 +23,7 @@
 	}
 </script>
 
-<div class="player" class:paused>
+<div class={['player', { paused }]}>
 	<audio
 		{src}
 		bind:currentTime={time}

Original file line number	Diff line number	Diff line change
`@@ -15,7 +15,7 @@`
`15`	`15`	`}`
`16`	`16`	`</script>`
`17`	`17`
`18`		`-<div class="player" class:paused>`
	`18`	`+<div class={['player', { paused }]}>`
`19`	`19`	`<button`
`20`	`20`	`class="play"`
`21`	`21`	`aria-label={paused ? 'play' : 'pause'}`
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@`
`19`	`19`	`}`
`20`	`20`	`</script>`
`21`	`21`
`22`		`-<div class="player" class:paused>`
	`22`	`+<div class={['player', { paused }]}>`
`23`	`23`	`<audio`
`24`	`24`	`{src}`
`25`	`25`	`bind:currentTime={time}`
Original file line number	Diff line number	Diff line change
`@@ -23,7 +23,7 @@`
`23`	`23`	`}`
`24`	`24`	`</script>`
`25`	`25`
`26`		`-<div class="player" class:paused>`
	`26`	`+<div class={['player', { paused }]}>`
`27`	`27`	`<audio`
`28`	`28`	`{src}`
`29`	`29`	`bind:currentTime={time}`