From a9986cc763d72be3faf03edb4acd6cc8e61f8a5d Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Fri, 24 May 2024 09:30:40 +0200
Subject: [PATCH] ADD: optimize components

---
 components/Technology/Technology.vue | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/Technology/Technology.vue b/components/Technology/Technology.vue
index 8759848..55b0f87 100644
--- a/components/Technology/Technology.vue
+++ b/components/Technology/Technology.vue
@@ -3,9 +3,9 @@
 <template>
   <div class="Technology flex-col" :class="[size]">
     <a v-if="link" :href="link" target="_blank" rel="noopener noreferrer">
-      <img loading="lazy" :src="img" :alt="name" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :class="[size]"/>
+      <img loading="lazy" :src="altText()" :alt="name" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :class="[size]"/>
     </a>
-    <img v-else loading="lazy" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :src="img" />
+    <img v-else loading="lazy" :width="size === 'm' ? 30 : 50" :height="size === 'm' ? 30 : 50" :src="img" :alt="altText()"/>
     <span class="tip">{{name}}</span>
   </div>
 </template>
@@ -18,7 +18,9 @@ type Props = {
   size?: 'm' | 'l'
 }
 
-withDefaults(defineProps<Props>(), {
+const {name} = withDefaults(defineProps<Props>(), {
   size: 'm'
 })
+
+const altText = () => `Icon für ${name}`
 </script>