From ceeb26db66ac0f6a857ce3dd9387d6d9a6bf16f7 Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Tue, 1 Mar 2022 00:05:00 -0600
Subject: [PATCH] Fixed logo not animating in

---
 .vitepress/theme/Layout.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/.vitepress/theme/Layout.vue b/.vitepress/theme/Layout.vue
index 6c83ff18..6d0c6157 100644
--- a/.vitepress/theme/Layout.vue
+++ b/.vitepress/theme/Layout.vue
@@ -2,7 +2,7 @@
   <Layout>
     <template #home>
       <main class="home" aria-labelledby="main-title">
-        <Profectus style="height: 30vmin; margin: auto; display: block" />
+        <Profectus v-if="showLogo" style="height: 30vmin; margin: auto; display: block" />
         <HomeHero />
         <HomeFeatures />
         <div class="home-content">
@@ -15,6 +15,7 @@
 </template>
 
 <script setup>
+import { nextTick, ref } from 'vue';
 import DefaultTheme from 'vitepress/theme';
 import Profectus from './Profectus.vue';
 // I want Profectus above the hero text, so I effectively need to recreate the Home class now
@@ -22,6 +23,8 @@ import HomeHero from './home/HomeHero.vue';
 import HomeFeatures from './home/HomeFeatures.vue';
 import HomeFooter from './home/HomeFooter.vue';
 const { Layout } = DefaultTheme;
+const showLogo = ref(false);
+nextTick(() => showLogo.value = true);
 </script>
 
 <style scoped>