Update MarkdownContent type

[alfredogonzalezmartinez]

Changes

• Add url and file properties to MarkdownContent type

Testing

N/A

Docs

Current docs indicates that MarkdownContent type should have properties url and file.

[changeset-bot]

🦋 Changeset detected

Latest commit: 9340335

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 12 packages

Name	Type
astro	Patch
@e2e/astro-component	Patch
@e2e/error-react-spectrum	Patch
@e2e/error-sass	Patch
@e2e/errors	Patch
@e2e/lit-component	Patch
@e2e/preact-component	Patch
@e2e/react-component	Patch
@e2e/solid-component	Patch
@e2e/svelte-component	Patch
@e2e/e2e-tailwindcss	Patch
@e2e/ts-resolution	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[natemoo-re]

Hi @alfredogonzalezmartinez! Thanks for the PR! Can you share where you're running into this types issue? I think file and url are only available on the MarkdownInstance but may not be passed through to MarkdownContent?

astro/packages/astro/src/@types/astro.ts

Lines 779 to 780 in 9340335

	file: string;
	url: string | undefined;

[alfredogonzalezmartinez]

Hi @natemoo-re, when I want to assign a type to content prop in a layout for markdown files, I think that I should use MarkdownContent because its description says: "The content prop given to a Layout".

/**
 * The `content` prop given to a Layout
 *
 * [Astro reference](https://docs.astro.build/en/guides/markdown-content/#markdown-layouts)
 */
export declare type MarkdownContent<T extends Record<string, any> = Record<string, any>> = T & {
    astro: MarkdownMetadata;
};

But the content prop includes url and file properties that are not defined in MarkdownContent type and I get the next errors in my code editor:

• Property 'url' does not exist on type 'MarkdownContent'.ts(2339)
• Property 'file' does not exist on type 'MarkdownContent'.ts(2339)

---
import { MarkdownContent } from "astro";

interface Frontmatter {
  title: string;
}

const content:MarkdownContent<Frontmatter> = Astro.props.content

const {
  title,
  astro,
  url, // Property 'url' does not exist on type 'MarkdownContent<Frontmatter>'.ts(2339)
  file // Property 'file' does not exist on type 'MarkdownContent<Frontmatter>'.ts(2339)
} = content
---

Example of content prop output

In the release astro@1.0.0-beta.73, the PR #3588 adds url and file properties to content prop in markdown layouts.

[matthewp]

Makes sense, thanks!