5abc4af3f5
- Changes fallback image path from sink.png to icon.png - Adds lazy loading attribute to improve performance - Fixes v-slot syntax in metrics list component - Updates "No more" text to "No more links" for clarity
32 lines
588 B
Vue
32 lines
588 B
Vue
<script setup>
|
|
defineProps({
|
|
name: String,
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<a
|
|
:href="`http://${name}`"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
class="block w-full truncate"
|
|
>
|
|
<Avatar
|
|
class="w-5 h-5 p-0.5 float-left"
|
|
>
|
|
<AvatarImage
|
|
:src="`https://unavatar.io/${name}?fallback=false`"
|
|
alt="@radix-vue"
|
|
loading="lazy"
|
|
/>
|
|
<AvatarFallback>
|
|
<img
|
|
src="/icon.png"
|
|
alt="Sink"
|
|
loading="lazy"
|
|
>
|
|
</AvatarFallback>
|
|
</Avatar>
|
|
<span>{{ name }}</span>
|
|
</a>
|
|
</template>
|