From 69b18642de0511ce66a5e2d6610510fbae567520 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Mon, 10 Feb 2025 08:39:01 +0100
Subject: [PATCH] FIX: nuxt icon

Nuxt icon implementation
---
 components/Services.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/Services.vue b/components/Services.vue
index f387c5c..eb433a4 100644
--- a/components/Services.vue
+++ b/components/Services.vue
@@ -15,7 +15,7 @@
         <Button :href="service.link" class="cta" :label="service.button" aria-label="Zur externen Seite von zur Terminbuchung" />
         <ul class="flex-col">
           <li v-for="point in service.list">
-            <Icon class="color-icon" name="ri:check-double-line" aria-hidden="true" alt="checkmark icon" size="1.5em" />
+            <Icon class="color-icon" name="ri:check-double-line" aria-hidden="true" alt="checkmark icon" size="1.5em" mode="svg" />
             <span>{{point}}</span>
           </li>
         </ul>
@@ -24,7 +24,7 @@
     <article class="z-2 card flex-col default-gap margin-top">
       <h3>Keinen Bock auf Telen? Understandable.</h3>
       <p>Dann schreib mir einfach gerne direkt eine E-Mail an
-        <ClientOnly><a class="mail" href="mailto:anfragen@webfussel.de">anfragen@webfussel.de<Icon name="ri:mail-line" aria-hidden="true" alt="mail icon" /></a></ClientOnly>
+        <ClientOnly><a class="mail" href="mailto:anfragen@webfussel.de">anfragen@webfussel.de<Icon name="ri:mail-line" aria-hidden="true" alt="mail icon" mode="svg" /></a></ClientOnly>
       </p>
       <h3>Keine Kohle? Kommt vor.</h3>
       <p>Meld dich trotzdem. Eventuell ist dein Projekt ja cool genug, dass ich dir da auch entsprechend entgegenkommen kann. :)</p>