webfussel/wf4
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

FIX: nuxt icon

Browse source 
Nuxt icon implementation
This commit is contained in:
webfussel 2025-02-10 08:36:15 +01:00
parent d4b1a06bd0
commit 531e6d6e33
8 changed files with 175 additions and 59 deletions
Download patch file Download diff file Expand all files Collapse all files

6
components/Services.vue
View file

@ -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">
<img class="color-icon" :src="check" aria-hidden="true" alt="checkmark icon" />
<Icon class="color-icon" name="ri:check-double-line" aria-hidden="true" alt="checkmark icon" size="1.5em" />
<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<img :src="mail" aria-hidden="true" alt="" /></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" /></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>
@ -44,8 +44,6 @@
</template>
<script setup lang="ts">
import check from 'iconoir/icons/regular/double-check.svg'
import mail from 'iconoir/icons/regular/mail.svg'
import Person from '~/components/Person.vue'
const slots : number = 0