From 09ec9f28e335ada26280761dcc8e5ec7ecded2be Mon Sep 17 00:00:00 2001
From: Lucas Nunes <2693803+lucascnunes@users.noreply.github.com>
Date: Mon, 5 Feb 2024 16:21:51 -0300
Subject: [PATCH] fix: minor 'workaround' to display the correct icon after
 refreshing the page when in dark mode

---
 apps/www/.vitepress/theme/layout/MainLayout.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/apps/www/.vitepress/theme/layout/MainLayout.vue b/apps/www/.vitepress/theme/layout/MainLayout.vue
index 8ff32f0d..e90f75ff 100644
--- a/apps/www/.vitepress/theme/layout/MainLayout.vue
+++ b/apps/www/.vitepress/theme/layout/MainLayout.vue
@@ -144,10 +144,13 @@ watch(() => $route.path, (n) => {
               :variant="'ghost'"
               :size="'icon'" @click="toggleDark()"
             >
+              <!-- workaround for bug with component when refreshing the page -->
               <component
-                :is="isDark ? RadixIconsSun : RadixIconsMoon"
+                :is="RadixIconsMoon"
+                v-if="!isDark"
                 class="w-[20px] h-5 text-foreground"
               />
+              <RadixIconsSun v-if="isDark" class="w-[20px] h-5 text-foreground" />
             </Button>
           </div>
         </div>