reonokiy/blog
1
0
Fork 0
mirror of https://github.com/reonokiy/blog.nokiy.net.git synced 2025-06-16 19:51:07 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: refactor article list component and routing logic, optimize multilingual article display

Browse source
This commit is contained in:
radishzzz 2025-03-11 09:52:49 +00:00
parent e5165dd740
commit ff1673da9c
19 changed files with 609 additions and 690 deletions
Download patch file Download diff file Expand all files Collapse all files

61
src/components/PostTitleList.astro
View file

@ -1,61 +0,0 @@
---
// Define props received by the component
interface Post {
data: {
title: string
abbrlink?: string
published: Date
}
slug?: string
remarkPluginFrontmatter?: {
minutes?: number
}
}
// Receive posts parameter passed from outside
const { posts } = Astro.props
// Declare the type of props
export interface Props {
posts: Post[]
}
---
<ul>
{posts.map(post => (
// Single Post
<li class="mt-4.375">
<a
class="hover:c-primary"
href={`/posts/${post.data.abbrlink || post.slug}/`}
transition:name={`post-${post.data.abbrlink || post.slug}`}
data-disable-transition-on-theme
>
{post.data.title}
</a>
<div
class="uno-mobile-time"
transition:name={`time-${post.data.abbrlink || post.slug}`}
data-disable-transition-on-theme
>
<time>
{post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
</time>
<span class="ml-1.25">
{post.remarkPluginFrontmatter?.minutes} min
</span>
</div>
<div class="uno-desktop-time">
<time>
{post.data.published.toLocaleDateString('zh-CN', { year: 'numeric', month: '2-digit', day: '2-digit' }).replace(/\//g, '-')}
</time>
<span class="ml-1.25">
{post.remarkPluginFrontmatter?.minutes} min
</span>
</div>
</li>
))}
</ul>