mikeconrad/blog
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make Blog Tags case insensitive

Browse Source
This commit is contained in:
prototypa
2022-12-24 09:13:04 -05:00
parent b9b734adc7
commit 0b58f53e09
3 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
data/blog/markdown-elements-demo-post.mdx
View File

@ -4,7 +4,7 @@ title: 'Markdown elements demo post'
description: 'Lorem ipsum dolor sit amet' description: 'Lorem ipsum dolor sit amet'
excerpt: 'Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat' excerpt: 'Sint sit cillum pariatur eiusmod nulla pariatur ipsum. Sit laborum anim qui mollit tempor pariatur nisi minim dolor. Aliquip et adipisicing sit sit fugiat'
image: '~/assets/images/astronaut.jpg' image: '~/assets/images/astronaut.jpg'
tags: [markdown, astro, blog] tags: [markdown, blog, Astro]
--- ---
import Logo from '~/components/atoms/Logo.astro'; import Logo from '~/components/atoms/Logo.astro';

2
src/components/atoms/Tags.astro
View File

@ -8,7 +8,7 @@ const { tags, class: className = 'text-sm' } = Astro.props;
tags && Array.isArray(tags) && ( tags && Array.isArray(tags) && (
<ul class={className}> <ul class={className}>
{tags.map((tag) => ( {tags.map((tag) => (
<li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2"> <li class="bg-gray-100 dark:bg-slate-700 inline-block mr-2 mb-2 py-0.5 px-2 lowercase">
<a href={getPermalink(tag, 'tag')}>{tag}</a> <a href={getPermalink(tag, 'tag')}>{tag}</a>
</li> </li>
))} ))}

2
src/pages/[...tags]/[tag]/[...page].astro
View File

@ -20,7 +20,7 @@ export async function getStaticPaths({ paginate }) {
return Array.from(tags).map((tag) => return Array.from(tags).map((tag) =>
paginate( paginate(
posts.filter((post) => Array.isArray(post.tags) && post.tags.includes(tag)), posts.filter((post) => Array.isArray(post.tags) && post.tags.find((elem) => elem.toLowerCase() === tag)),
{ {
params: { tag: cleanSlug(tag), tags: TAG_BASE || undefined }, params: { tag: cleanSlug(tag), tags: TAG_BASE || undefined },
pageSize: BLOG.postsPerPage, pageSize: BLOG.postsPerPage,