z0xca/blog.z0x.ca
Code Activity Actions

refactor: lucide icons via astro-icon

Browse source
This commit is contained in:
enscribe 2024-09-19 13:12:13 -07:00
parent c4b6e75915
commit 6764644c2e
No known key found for this signature in database
GPG key ID: 9BBD5C4114E25322
10 changed files with 827 additions and 56 deletions
Download patch file Download diff file Expand all files Collapse all files

9
src/pages/blog/[...slug].astro
View file

@ -9,9 +9,9 @@ import PostNavigation from '@components/PostNavigation.astro'
import TableOfContents from '@components/TableOfContents.astro'
import Layout from '@layouts/Layout.astro'
import { formatDate, parseAuthors, readingTime } from '@lib/utils'
import { Icon } from 'astro-icon/components'
import { Image } from 'astro:assets'
import { type CollectionEntry, getCollection } from 'astro:content'
import { ArrowUp, Hash } from 'lucide-react'
export async function getStaticPaths() {
const posts = (await getCollection('blog'))
@ -130,7 +130,7 @@ const authors = await parseAuthors(post.data.authors ?? [])
href={`/tags/${tag}`}
class={badgeVariants({ variant: 'secondary' })}
>
<Hash className="-translate-x-0.5 size-3" />
<Icon name="lucide:hash" class="size-3 -translate-x-0.5" />
{tag}
</a>
))
@ -163,8 +163,9 @@ const authors = await parseAuthors(post.data.authors ?? [])
title="Scroll to top"
aria-label="Scroll to top"
>
<ArrowUp
className="mx-auto size-4 transition-all group-hover:-translate-y-0.5"
<Icon
name="lucide:arrow-up"
class="mx-auto size-4 transition-all group-hover:-translate-y-0.5"
/>
</Button>