Enhance MDX Preview by Resolving TypeScript Build Errors in .astro Files

[myisaak]

The MDX preview currently fails to compile .astro files that use TypeScript, especially with import type statements, causing build-time errors that block development. This issue limits the integration of TypeScript with Astro, reducing developer productivity and the overall appeal of using Astro for TypeScript-heavy projects. A potential fix involves using the TypeScript runtime instead of NodeJS to handle .astro files, but guidance from a maintainer is needed to ensure proper integration. I'm available to collaborate on this fix and contribute independently to improve the Astro ecosystem.

This happened after I opened your editor on an MDX file that used Astro:

Failed to compile

unknown: Unexpected token, expected "(" (2:7)

  1 | ---
> 2 | import type { HTMLAttributes } from 'astro/types';
    |        ^
  3 | 
  4 | type Props = HTMLAttributes<'a'>;
  5 |