versia-pub/blog
2
0
Fork 0
mirror of https://github.com/versia-pub/blog.git synced 2025-12-06 00:48:18 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

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
Show stats 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>

2
nuxt.config.ts
View file

@ -119,7 +119,7 @@ export default defineNuxtConfig({
]),
),
image: {
domains: ["images.pexels.com"],
domains: ["images.pexels.com", "cpluspatch.com"],
},
sitemap: {
sources: [...getRouteRenderingPaths(), "/"],

132
package.json
View file

@ -1,65 +1,71 @@
{
"name": "@versia/blog",
"private": true,
"type": "module",
"description": "The source code for Versia's blog.",
"author": {
"email": "contact@cpluspatch.com",
"name": "Jesse Wierzbinski",
"url": "https://cpluspatch.com"
},
"bugs": {
"url": "https://github.com/versia-pub/blog/issues"
},
"license": "AGPL-3.0-only",
"maintainers": [
{
"email": "contact@cpluspatch.com",
"name": "Jesse Wierzbinski",
"url": "https://cpluspatch.com"
}
],
"repository": {
"type": "git",
"url": "git+https://github.com/versia-pub/blog.git"
},
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
"lint": "bunx @biomejs/biome check .",
"typecheck": "bunx tsc -p ."
},
"dependencies": {
"@hackmd/markdown-it-task-lists": "^2.1.4",
"@nuxt/fonts": "^0.10.3",
"@nuxt/icon": "^1.10.3",
"@nuxt/image": "^1.9.0",
"@nuxtjs/seo": "^2.0.3",
"@nuxtjs/tailwindcss": "^6.13.1",
"@shikijs/markdown-it": "^1.27.2",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16",
"@vueuse/nuxt": "^12.4.0",
"markdown-it": "^14.1.0",
"markdown-it-anchor": "^9.2.0",
"markdown-it-container": "^4.0.0",
"markdown-it-toc-done-right": "^4.2.0",
"nuxt": "^3.15.2",
"nuxt-security": "^2.1.5",
"sharp": "^0.33.5",
"shiki": "^1.27.2",
"vue": "^3.5.13",
"vue-router": "^4.5.0"
},
"devDependencies": {
"@biomejs/biome": "^1.9.4",
"@iconify-json/tabler": "^1.2.14",
"@types/bun": "^1.1.17",
"@types/markdown-it-container": "^2.0.10",
"tailwindcss": "^3.4.17"
},
"trustedDependencies": ["@biomejs/biome", "@parcel/watcher", "esbuild", "sharp", "vue-demi"]
"name": "@versia/blog",
"private": true,
"type": "module",
"description": "The source code for Versia's blog.",
"author": {
"email": "contact@cpluspatch.com",
"name": "Jesse Wierzbinski",
"url": "https://cpluspatch.com"
},
"bugs": {
"url": "https://github.com/versia-pub/blog/issues"
},
"license": "AGPL-3.0-only",
"maintainers": [
{
"email": "contact@cpluspatch.com",
"name": "Jesse Wierzbinski",
"url": "https://cpluspatch.com"
}
],
"repository": {
"type": "git",
"url": "git+https://github.com/versia-pub/blog.git"
},
"scripts": {
"build": "nuxt build",
"dev": "nuxt dev",
"generate": "nuxt generate",
"preview": "nuxt preview",
"postinstall": "nuxt prepare",
"lint": "bunx @biomejs/biome check .",
"typecheck": "bunx tsc -p ."
},
"dependencies": {
"@hackmd/markdown-it-task-lists": "^2.1.4",
"@nuxt/fonts": "^0.10.3",
"@nuxt/icon": "^1.10.3",
"@nuxt/image": "^1.9.0",
"@nuxtjs/seo": "^2.0.3",
"@nuxtjs/tailwindcss": "^6.13.1",
"@shikijs/markdown-it": "^1.27.2",
"@tailwindcss/forms": "^0.5.10",
"@tailwindcss/typography": "^0.5.16",
"@vueuse/nuxt": "^12.4.0",
"markdown-it": "^14.1.0",
"markdown-it-anchor": "^9.2.0",
"markdown-it-container": "^4.0.0",
"markdown-it-toc-done-right": "^4.2.0",
"nuxt": "^3.15.2",
"nuxt-security": "^2.1.5",
"sharp": "^0.33.5",
"shiki": "^1.27.2",
"vue": "^3.5.13",
"vue-router": "^4.5.0"
},
"devDependencies": {
"@biomejs/biome": "^1.9.4",
"@iconify-json/tabler": "^1.2.14",
"@types/bun": "^1.1.17",
"@types/markdown-it-container": "^2.0.10",
"tailwindcss": "^3.4.17"
},
"trustedDependencies": [
"@biomejs/biome",
"@parcel/watcher",
"esbuild",
"sharp",
"vue-demi"
]
}

2
pages/articles/[...path].vue
View file

@ -3,10 +3,12 @@
<Title v-if="post.title" :created_at="post.created_at" :title="post.title" />
<Image v-if="post.image" :image="post.image.url" :width="post.image.width" :height="post.image.height" :caption="post.image.credit" />
<Content :body="body" />
<Author v-if="post.author" :avatar="post.author.image" :name="post.author.name" :handle="post.author.handle" class="mt-10" />
</div>
</template>
<script lang="ts" setup>
import Author from "~/components/article/author.vue";
import Content from "~/components/article/content.vue";
import Image from "~/components/article/image.vue";
import Title from "~/components/article/title.vue";