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

Make tags clickable and redirect to respective categories in Header.vue

Browse Source
This commit is contained in:
nicolasimanolmedina
2025-03-22 23:34:12 +00:00
parent 662db4f4be
commit 0e5bdbb2c6
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
components/blog/Header.vue
View File

@@ -43,9 +43,11 @@ 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()}`">
<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 tag
}}</span> }}</span>
</NuxtLink>
</template> </template>
</div> </div>
</div> </div>