versia-pub/blog
2
0
Fork 0
mirror of https://github.com/versia-pub/blog.git synced 2026-03-13 09:39:15 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: ✨ Add author to articles

Browse source
This commit is contained in:
Jesse Wierzbinski 2025-01-17 18:15:55 +01:00
parent f85bc75145
commit 5fc72966dd
No known key found for this signature in database
4 changed files with 92 additions and 64 deletions
Download patch file Download diff file Expand all files Collapse all files

20
components/article/author.vue Normal file
View file

@ -0,0 +1,20 @@
<template>
<div class="flex flex-col gap-2 justify-center items-center">
<p class="text-gray-400 text-xs font-semibold uppercase">Written by</p>
<div class="flex items-center gap-4 ring-white/20 ring-1 rounded py-1 px-2">
<nuxt-img :preload="true" format="webp" :src="avatar" alt="Author avatar" class="size-12 rounded" />
<div class="flex flex-col justify-center pr-1">
<h2 class="text font-bold text-gray-50">{{ name }}</h2>
<p class="text-gray-500 text-sm">{{ handle }}</p>
</div>
</div>
</div>
</template>
<script lang="ts" setup>
defineProps<{
avatar?: string;
name: string;
handle?: string;
}>();
</script>