FIX: mpa, nuxt4 future, improvements in intro and services

Added mpa support, nuxt4 future compatibility, improvements in intro and services
This commit is contained in:
webfussel 2025-02-12 13:18:55 +01:00
parent 078d4bfd82
commit 9642496e5a
35 changed files with 324 additions and 172 deletions

View file

@ -1,32 +0,0 @@
<template>
<article class="Person flex-col">
<img
loading="lazy"
width="150"
height="150"
:srcset="[userImage('1x', true), userImage('2x', true), userImage('3x', true)].join(', ')"
:src="userImage('1x', false)"
:alt="`Bild von ${name}`"
/>
<h3>{{name}}</h3>
<p>
<span v-for="tag in tags">{{tag}}</span>
</p>
<p class="flavour">{{flavour}}</p>
<Button :href="link" class="button" target="_blank" rel="noreferrer noopener" label="Zur Homepage" :aria-label="`Externer Link zur Homepage von ${name}`" />
</article>
</template>
<script setup lang="ts">
type Props = {
img: string
name: string
tags: string[]
flavour: string
link: string
}
const { img } = defineProps<Props>()
const userImage = getImage('/img/network/', img)
</script>