use transition only outside homepage

dghelm · dghelm · commit faab603f34b0 · 2024-04-15T15:23:44.000-05:00
diff --git a/src/components/Header/Header.astro b/src/components/Header/Header.astro
@@ -8,7 +8,6 @@ import ThemeModeToggle from "./ThemeModeToggle"
 import GithubSvg from "~/assets/svgs/header/github.svg?raw"
 // import LanguageSelector from "./LanguageSelector/index.tsx"
 import LanguageSelector from "./LanguageSelector/LanguageSelector.astro"
-import { ViewTransitions } from "astro:transitions"
 
 import { localizePath } from "astro-i18next"
 import i18next from "i18next"
@@ -34,7 +33,6 @@ const section = frontmatter?.section ?? ""
   height="0"
   width="0"
   style="display:none;visibility:hidden"></iframe> --><!-- End Google Tag Manager (noscript) --><!-- Google tag (gtag.js) -->
-<ViewTransitions />
 <script async src="https://www.googletagmanager.com/gtag/js?id=G-56SBDN1LL2"></script>
 <script>
   window.dataLayer = window.dataLayer || []
diff --git a/src/layouts/MainLayout.astro b/src/layouts/MainLayout.astro
@@ -9,6 +9,7 @@ import * as CONFIG from "../config"
 // import { NewsletterCTA } from "../components/Footer/NewsletterCTA.tsx"
 import Footer from "~/components/Footer/Footer.astro"
 import { changeLanguage } from "i18next"
+import { ViewTransitions } from "astro:transitions"
 
 const { content = {}, frontmatter } = Astro.props
 // Astro.props?.headings is for .mdx pages, Astro.props?.content?.astro.headings is for .md pages
@@ -30,6 +31,7 @@ changeLanguage(content.lang)
 
 <html transition:animate="none" dir={content.dir ?? "ltr"} lang={content.lang ?? "en-us"} class="initial">
   <head>
+    <ViewTransitions />
     <HeadCommon />
     <HeadSEO {content} {canonicalURL} />
     <title>{formattedContentTitle}</title>
