feat: allow user to set ViewTransition Astro component in each page

withastro · Sep 9, 2023 · 4b477fc · 4b477fc
1 parent def7105
commit 4b477fc
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/packages/starlight/layout/Page.astro b/packages/starlight/layout/Page.astro
@@ -1,6 +1,8 @@
 ---
 import config from 'virtual:starlight/user-config';
 import type { MarkdownHeading } from 'astro';
+import { ViewTransitions } from 'astro:transitions';
+
 import { getSidebar } from '../utils/navigation';
 import type { Route } from '../utils/routing';
 
@@ -84,6 +86,7 @@ const pagefindEnabled =
 				}
 			}
 		</style>
+		{ entry.data.viewTransitions && <ViewTransitions /> }
 	</head>
 	<body>
 		<ThemeProvider />

diff --git a/packages/starlight/schema.ts b/packages/starlight/schema.ts
@@ -59,6 +59,12 @@ export function docsSchema() {
 			 */
 			template: z.enum(['doc', 'splash']).default('doc'),
 
+			/**
+			 * Set ViewTransitions Astro component for this page.
+			 * 
+			 */
+			viewTransitions: z.boolean().optional().default(false),
+
 			/** Display a hero section on this page. */
 			hero: z
 				.object({