Astro Components Rules

Props Definition

If a component has props, define a Props type and destructure from Astro.props:

type Props = {
  title: string;
};

const { title } = Astro.props;

Use types from the CMS wherever possible:

import type { Image } from "cms/src/payload-types";