add: kofi link

components/Header.vue

@@ -34,7 +34,7 @@
         </ul>
         <ul class="socials">
           <li v-for="({icon, ...rest}) in socials" :key="rest.href" @click="isBurgerOpen = false">
-            <a v-bind="rest">
+            <a v-bind="rest" target="_blank">
               <img class="icon" :src="icon" :alt="rest['aria-label']" />
             </a>
           </li>
@@ -45,6 +45,7 @@
 </template>
 
 <script lang="ts" setup>
+import KofiIcon from '/img/icons/kofi.svg'
 import LinkedInIcon from 'iconoir/icons/regular/linkedin.svg'
 import MastodonIcon from 'iconoir/icons/regular/mastodon.svg'
 
@@ -79,12 +80,18 @@ const socials = [
     href: 'https://www.linkedin.com/in/webfussel/',
     icon: LinkedInIcon,
     'aria-label': 'Externer Link: LinkedIn Profil'
-  }, {
+  },
+  {
     href: 'https://mastodontech.de/@webfussel',
     icon: MastodonIcon,
     rel: 'me',
     'aria-label': 'Externer Link: Mastodon Profil'
-  }
+  },
+  {
+    href: 'https://ko-fi.com/webfussel',
+    icon: KofiIcon,
+    'aria-label': 'Externer Link: KoFi Profil'
+  },
 ]
 
 onMounted(() => {