A custom Markdown component for Astro projects reduces boilerplate HTML markup and handles typographic symbol conversion. Since Astro removed its built-in Markdown component in v3, the author built a replacement available via @splendidlabz/astro. Key features include automatic indentation detection, an inline mode that suppresses paragraph tags, and a content prop as a workaround for Prettier's unicode-related formatting issues with prettier-ignore comments. Code examples show both slot-based and prop-based usage patterns.
Table of contents
Why Use a Markdown ComponentInstalling the Markdown ComponentRespects Indentation AutomaticallyInline OptionGotchas and CaveatsContent WorkaroundTaking it FurtherSort: