RhenCloud/Cloud-Blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request #84 from Nicolhetti/main

Browse Source 
Enhancement: Clickable Tags in Header Component
This commit is contained in:
Al Asad Nur Riyad
2025-03-23 06:03:10 +06:00
committed by GitHub
parent 662db4f4be 72294f1581
commit 4328f16e1c
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
components/blog/Header.vue
View File

@@ -43,9 +43,12 @@ withDefaults(defineProps<Props>(), {
<div class="flex items-center gap-2 flex-wrap my-5"> <div class="flex items-center gap-2 flex-wrap my-5">
<LogoTag /> <LogoTag />
<template v-for="tag in tags" :key="tag"> <template v-for="tag in tags" :key="tag">
<span class="bg-gray-200 dark:bg-slate-900 rounded-md px-2 py-1 font-semibold">{{ <NuxtLink :to="`/categories/${tag.toLocaleLowerCase()}`">
tag <span
}}</span> class="bg-gray-200 dark:bg-slate-900 rounded-md px-2 py-1 font-semibold hover:bg-gray-300 dark:hover:bg-slate-800 transition-colors duration-200"
>{{ tag }}</span
>
</NuxtLink>
</template> </template>
</div> </div>
</div> </div>