Work around FOUC in Astro production builds

john-kurkowski · May 4, 2024 · 9356330 · 9356330
1 parent 9f02b74
commit 9356330
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/layouts/base.astro b/src/components/layouts/base.astro
@@ -1,4 +1,6 @@
 ---
+import { ViewTransitions } from 'astro:transitions'
+
 import '../../css/main.css'
 
 import Footer from './Footer.astro'
@@ -17,6 +19,7 @@ const siteMetadata = {
 
 <html class='bg-secondary' lang='en-US'>
   <Seo frontmatter={frontmatter} siteMetadata={siteMetadata} />
+  <ViewTransitions />
   <body>
     <div class='flex min-h-full flex-col content-between font-serif'>
       <div class='flex-grow bg-background'>