Markdown is not loaded properly

[Baraff24]

Markdown is not loaded with the tags such as H1,H2 or list

[Baraff24]

SinglePost.astro

---
import SocialShare from './SocialShare.astro';
import BlogPostMeta from './BlogPostMeta.astro';
import { getFormattedDate } from '../utils/utils';
const { post, url } = Astro.props;
---

<BlogPostMeta 
title={post.title}
description={post.description}
publishDate={post.publishDate}
slot="meta"/>
<section class="py-8 sm:py-16 lg:py-10 mx-auto bg-slate-200 dark:bg-slate-900">
	<article class="py-10 w-fit lg:w-3/5 m-auto bg-clip-padding bg-white rounded-lg border border-gray-200 dark:border-gray-700 shadow-2xl dark:bg-gray-400 ">
		<header>
			<p class="px-4 sm:px-6 max-w-3xl mx-auto">
				<time datetime={post.publishDate}>{getFormattedDate(post.publishDate)}</time> ~ {Math.ceil(post.readingTime)} min
				read
			</p>
			<h1
				class="px-4 sm:px-6 max-w-3xl mx-auto text-4xl md:text-5xl font-bold"
				style="font-family: 'Space Mono', monospace;"
				>
				{post.title}
			</h1>
		</header>

		<div
			class="container mx-auto px-4 sm:px-6 max-w-3xl prose prose-lg lg:prose-xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-primary-600 dark:prose-a:text-primary-400 prose-img:rounded-md prose-img:shadow-lg mt-8 text-justify"
			style="font-family: 'Space Mono', monospace;"
			>
			<post.Content />
		</div>
		<div class="container mx-auto px-6 sm:px-6 max-w-3xl mt-8 flex justify-between flex-col sm:flex-row">
			<SocialShare
				url={url}
				text={post.title}
				class="mt-5 sm:mt-1 align-middle text-gray-500 dark:text-slate-600"
			/>
		</div>
	</article>
</section>

It is not working as expected... the result is in the image:

[prototypa]

Hello @Baraff24

In our local and in the official demo (that reflects the latest available version) everything is working fine:

https://astrowind.vercel.app/markdown-elements-demo-post

Let's move this into a Discussion and see what else might be different. For example, it occurs to me that maybe the Tailwind CSS Typography plugin (https://tailwindcss.com/docs/typography-plugin) is not being included in your code

Can you share the tailwind configuration file you have (tailwind.config.cjs)?

[Baraff24]

Ok I'll Give it a try

[Baraff24]

It was my fault, because I have not included typography. Thanks a lot!