Merge pull request #11 from litestar-org/chore

chore

Author: Kumzy

app/components/AppFooter.vue

@@ -1,9 +1,6 @@
 <script setup lang="ts">
 const { footerLinks } = useFooterLinks()
 const config = useRuntimeConfig()
-const colorMode = useColorMode()
-
-const isDark = computed(() => colorMode.value === 'dark')
 </script>
 
 <template>
@@ -21,12 +18,12 @@ const isDark = computed(() => colorMode.value === 'dark')
           <template #left>
             <div class="flex items-center space-x-2 mb-4">
               <UIcon
-                :name="
-                  isDark
-                    ? 'i-custom-litestar-full-dark'
-                    : 'i-custom-litestar-full'
-                "
-                class="h-8 w-30"
+                name="i-custom-litestar-full"
+                class="h-8 w-30 dark:hidden"
+              />
+              <UIcon
+                name="i-custom-litestar-full-dark"
+                class="h-8 w-30 hidden dark:block"
               />
             </div>
             <p class="text-muted text-sm max-w-md">

app/pages/about.vue

@@ -75,7 +75,7 @@ const stats = [
         v-for="stat in stats"
         :key="stat.label"
         :to="stat.to"
-        target="_blank"
+        :target="stat.to?.startsWith('#') ? undefined : '_blank'"
         class="text-center p-6 bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors cursor-pointer group"
       >
         <UIcon