[v3] Avoid skipping the heading level in the posts layout

.changeset/gold-ants-tie.md

@@ -0,0 +1,5 @@
+---
+'nextra-theme-blog': patch
+---
+
+Avoid skipping the heading level in the posts layout, removes `.post-item` and `.post-item-more` classes

.eslintrc.cjs

@@ -168,7 +168,7 @@ module.exports = {
  settings: {
  tailwindcss: {
  config: 'packages/nextra-theme-blog/tailwind.config.ts',
- whitelist: ['subheading-', 'post-item', 'post-item-more']
+ whitelist: ['subheading-']
  }
  }
  },

examples/blog/pages/posts/index.md

@@ -3,5 +3,3 @@ type: posts
 title: Random Thoughts
 date: 2020-01-03
 ---
-
-# Random Thoughts

packages/nextra-theme-blog/src/posts-layout.tsx

@@ -29,17 +29,15 @@ export function PostsLayout(): ReactElement {
  const description = post.frontMatter?.description
 
  return (
- <div key={post.route} className="post-item">
- <h3>
- <Link href={post.route} className="!_no-underline">
- {postTitle}
- </Link>
- </h3>
+ <div key={post.route}>
+ <h2 className="_not-prose _mt-6 _mb-2 _text-xl _font-semibold">
+ <Link href={post.route}>{postTitle}</Link>
+ </h2>
  {description && (
  <p className="_mb-2 dark:_text-gray-400 _text-gray-600">
  {description}
  {config.readMore && (
- <Link href={post.route} className="post-item-more _ml-2">
+ <Link href={post.route} className="_ml-2">
  {config.readMore}
  </Link>
  )}