From 732474485b55a7f0db480bddc842b5b2497eb97c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bahad=C4=B1r=20Sofuo=C4=9Flu?= <bahadirsofuoglu@gmail.com>
Date: Wed, 15 Mar 2023 11:43:20 +0300
Subject: [PATCH] Astro icon changes

---
 doc/installation/ExamplesDoc.vue | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/doc/installation/ExamplesDoc.vue b/doc/installation/ExamplesDoc.vue
index 44ca0a0ce..081f9721f 100644
--- a/doc/installation/ExamplesDoc.vue
+++ b/doc/installation/ExamplesDoc.vue
@@ -16,8 +16,20 @@
             <span class="font-bold text-xl text-900">Vue-CLI</span>
         </a>
         <a href="https://github.com/primefaces/primevue-examples/tree/main/astro-quickstart" class="flex flex-column align-items-center">
-            <img src="https://primefaces.org/cdn/primevue/images/logos/astro.svg" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
+            <img :src="astroHref" alt="Astro.JS" class="w-8rem h-8rem mb-3" />
             <span class="font-bold text-xl text-900">Astro</span>
         </a>
     </div>
 </template>
+
+<script>
+export default {
+    computed: {
+        astroHref() {
+            const theme = this.$appState.darkTheme ? 'light' : 'dark';
+
+            return `https://primefaces.org/cdn/primevue/images/logos/astro-icon-${theme}.svg`;
+        }
+    }
+};
+</script>