Repository: withastro/astro
File: packages/astro/src/core/errors/errors-data.ts (TypeScript)

Code before:
 */
export const CannotLoadFontProvider = {
	name: 'CannotLoadFontProvider',
	title: 'Cannot load font provider',
	message: (provider: string) => `An error occured while loading the "${provider}" provider.`,
	hint: 'Open an issue on the corresponding repository.',
} satisfies ErrorData;

/**
 * @docs
 * @description
 * Font component is used but experimental fonts have not been registered in the config.
 */
export const ExperimentalFontsNotEnabled = {
	name: 'ExperimentalFontsNotEnabled',
	title: 'Experimental fonts are not enabled',
	message:
		'Font component is used but experimental fonts have not been registered in the config.',
	hint: 'See TODO:',
} satisfies ErrorData;

export const FontFamilyNotFound = {
	name: 'FontFamilyNotFound',
	title: 'Font family not found',
	message: (family: string) => `No data was found for the "${family}" family.`,
	hint: 'Review your config family names.',
} satisfies ErrorData;

/**
 * @docs
 * @kind heading
 * @name CSS Errors
 */
// CSS Errors
/**
 * @docs
 * @see
 * 	- [Styles and CSS](https://docs.astro.build/en/guides/styling/)
 * @description
 * Astro encountered an unknown error while parsing your CSS. Oftentimes, this is caused by a syntax error and the error message should contain more information.
 */
export const UnknownCSSError = {
	name: 'UnknownCSSError',
	title: 'Unknown CSS Error.',
} satisfies ErrorData;
/**
 * @docs
 * @message
 * **Example error messages:**<br/>
 * CSSSyntaxError: Missed semicolon<br/>
 * CSSSyntaxError: Unclosed string<br/>

Review comment (suggestion):
```suggestion
	hint: 'This is often caused by a typo in your configuration. Review your config family names.',
```
Hints can include a "this is often caused by". So if e.g. the likely cause is a typo, this is a great place to guide people with easy language to a quick thing they can check!

Code after:
 */
export const CannotLoadFontProvider = {
	name: 'CannotLoadFontProvider',
	title: 'Cannot load font provider',
	message: (provider: string) => `An error occured while loading the "${provider}" provider.`,
	hint: 'This is an issue with the font provider. Please open an issue on their repository.',
} satisfies ErrorData;

/**
 * @docs
 * @description
 * Font component is used but experimental fonts have not been registered in the config.
 */
export const ExperimentalFontsNotEnabled = {
	name: 'ExperimentalFontsNotEnabled',
	title: 'Experimental fonts are not enabled',
	message:
		'The Font component is used but experimental fonts have not been registered in the config.',
	hint: 'See TODO:',
} satisfies ErrorData;

export const FontFamilyNotFound = {
	name: 'FontFamilyNotFound',
	title: 'Font family not found',
	message: (family: string) => `No data was found for the "${family}" family.`,
	hint: 'This is often caused by a typo in the "family" property of the Font component. Review your component usage.',
} satisfies ErrorData;

/**
 * @docs
 * @kind heading
 * @name CSS Errors
 */
// CSS Errors
/**
 * @docs
 * @see
 * 	- [Styles and CSS](https://docs.astro.build/en/guides/styling/)
 * @description
 * Astro encountered an unknown error while parsing your CSS. Oftentimes, this is caused by a syntax error and the error message should contain more information.
 */
export const UnknownCSSError = {
	name: 'UnknownCSSError',
	title: 'Unknown CSS Error.',
} satisfies ErrorData;
/**
 * @docs
 * @message
 * **Example error messages:**<br/>
 * CSSSyntaxError: Missed semicolon<br/>
 * CSSSyntaxError: Unclosed string<br/>