mirror of
https://github.com/hanzoai/next.js.git
synced 2026-09-24 17:00:51 +00:00
StevenandGitHub
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
64 lines
1.7 KiB
JavaScript
64 lines
1.7 KiB
JavaScript
import Image from "next/image";
|
|
import Link from "next/link";
|
|
|
|
import HumanDate from "@/components/human-date";
|
|
import AuthorCard from "@/components/author-card";
|
|
|
|
export default function PostsPreview({
|
|
title,
|
|
coverImage,
|
|
coverImageAlt,
|
|
date,
|
|
author,
|
|
tags,
|
|
excerpt,
|
|
slug,
|
|
}) {
|
|
return (
|
|
<div className="col-12 col-lg-6">
|
|
<div className="blog-roll-card">
|
|
<div className="blog-roll-card-meta">
|
|
<h2 className="blog-roll-card-header">
|
|
<Link href={`/blog/${slug}`}>{title}</Link>
|
|
</h2>
|
|
<ul className="blog-roll-card-meta-info">
|
|
<li>
|
|
<AuthorCard author={author} />
|
|
</li>
|
|
<li>
|
|
<i className="lni lni-calendar"></i>{" "}
|
|
<HumanDate dateString={date} />
|
|
</li>
|
|
{tags.map((tag) => (
|
|
<li key={tag.slug}>
|
|
<Link href={`/blog/tag/${tag.slug}`}>
|
|
<i className="lni lni-tag"></i> {tag.name}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</div>
|
|
{coverImage && (
|
|
<div className="single-post-thumbnail">
|
|
<Image
|
|
src={coverImage}
|
|
alt={coverImageAlt}
|
|
layout="fill"
|
|
objectFit="cover"
|
|
/>
|
|
</div>
|
|
)}
|
|
<div
|
|
className="blog-roll-card-body prose"
|
|
dangerouslySetInnerHTML={{ __html: excerpt }}
|
|
></div>
|
|
<div className="blog-roll-card-footer text-center">
|
|
<Link href={`/blog/${slug}`} className="main-btn btn-hover">
|
|
Read More
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|