feat: use ViewTransitions of Astro

jtsang4 · Dec 21, 2023 · d99b13d · d99b13d
1 parent 493aa1e
commit d99b13d
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
@@ -1,4 +1,5 @@
 ---
+import { ViewTransitions } from "astro:transitions"
 import { SITE } from "@config"
 import Callout from "@components/Callout.astro"
 import "../styles/base.css"
@@ -85,6 +86,7 @@ const socialImageURL = new URL(
     }
 
     <script is:inline src="/toggle-theme.js"></script>
+    <ViewTransitions />
   </head>
   <body>
     <slot />
@@ -111,11 +113,9 @@ const socialImageURL = new URL(
         />
       )
     }
-  </body>
+  </body><style>
+    .hide {
+      display: none;
+    }
+  </style>
 </html>
-
-<style>
-  .hide {
-    display: none;
-  }
-</style>