From c3ce698c4d2d7e9c45e52de4d495d0c9fc950830 Mon Sep 17 00:00:00 2001
From: Ethan Holz <ethan.holz@thoriumworks.com>
Date: Mon, 30 Oct 2023 18:05:24 -0500
Subject: [PATCH] added full View Transitions for reduced image flicker

---
 astro.config.mjs                 | 1 +
 src/components/Transitions.astro | 7 +++++++
 2 files changed, 8 insertions(+)
 create mode 100644 src/components/Transitions.astro

diff --git a/astro.config.mjs b/astro.config.mjs
index 8bbd446..59514b7 100644
--- a/astro.config.mjs
+++ b/astro.config.mjs
@@ -6,6 +6,7 @@ export default defineConfig({
 	integrations: [
 		starlight({
 			title: 'grlx.dev',
+            components: { Head: './src/components/Transitions.astro'},
             logo: { src: './src/assets/grlx.webp' },
 			social: {
                 github: 'https://gihthub.com/gogrlx/grlx',
diff --git a/src/components/Transitions.astro b/src/components/Transitions.astro
new file mode 100644
index 0000000..acbe181
--- /dev/null
+++ b/src/components/Transitions.astro
@@ -0,0 +1,7 @@
+---
+import type { Props } from '@astro/starlight/props';
+import Default from '@astrojs/starlight/components/Head.astro'
+import { ViewTransitions } from 'astro:transitions';
+---
+<ViewTransitions />
+<Default {...Astro.props}><slot /><</Default>