site: remove view transitions from blog (#9201)

Author: benmccann

sites/svelte.dev/src/app.d.ts

@@ -5,18 +5,6 @@ declare global {
 		// interface PageData {}
 		// interface Platform {}
 	}
-
-	// add these lines
-	interface ViewTransition {
-		updateCallbackDone: Promise<void>;
-		ready: Promise<void>;
-		finished: Promise<void>;
-		skipTransition: () => void;
-	}
-
-	interface Document {
-		startViewTransition(updateCallback: () => Promise<void>): ViewTransition;
-	}
 }
 
 export {};

sites/svelte.dev/src/routes/blog/+layout.svelte

@@ -22,8 +22,8 @@
 		{#if !post.draft}
 			<article class="post" data-pubdate={post.date}>
 				<a class="no-underline" href="/blog/{post.slug}" title="Read the article »">
-					<h2 style:--name="post-title-{post.slug}">{post.title}</h2>
-					<p class="description" style:--name="post-description-{post.slug}">{post.description}</p>
+					<h2>{post.title}</h2>
+					<p>{post.description}</p>
 				</a>
 			</article>
 		{/if}
@@ -49,13 +49,6 @@
 		font-weight: 400;
 	}
 
-	@media (prefers-reduced-motion: no-preference) {
-		h2,
-		.description {
-			view-transition-name: var(--name);
-		}
-	}
-
 	.post:first-child {
 		margin: 0 0 2rem 0;
 		padding: 0 0 4rem 0;

sites/svelte.dev/src/routes/blog/+page.svelte

@@ -20,10 +20,8 @@
 </svelte:head>
 
 <article class="post listify text">
-	<h1 style:--name="post-title-{$page.params.slug}">{data.post.title}</h1>
-	<p class="standfirst" style:--name="post-description-{$page.params.slug}">
-		{data.post.description}
-	</p>
+	<h1>{data.post.title}</h1>
+	<p class="standfirst">{data.post.description}</p>
 
 	<p class="byline">
 		<a href={data.post.author.url}>{data.post.author.name}</a>
@@ -54,13 +52,6 @@
 		margin: 0 0 1em 0;
 	}
 
-	@media (prefers-reduced-motion: no-preference) {
-		h1,
-		.standfirst {
-			view-transition-name: var(--name);
-		}
-	}
-
 	.byline {
 		margin: 0 0 6rem 0;
 		padding: 1.6rem 0 0 0;