Skip to content

Commit

Permalink
docs: fix typos and broken links in the image.mdx (vercel#60221)
Browse files Browse the repository at this point in the history
### Overview

- Fixed some typos and broken MDN links
- Executed `pnpm prettier-fix`

---------

Co-authored-by: Steven <[email protected]>
  • Loading branch information
mhughdo and styfle authored Jan 4, 2024
1 parent 91dba7d commit 51d6c64
Showing 1 changed file with 7 additions and 7 deletions.
14 changes: 7 additions & 7 deletions docs/02-app/02-api-reference/01-components/image.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -152,7 +152,7 @@ export default function Page() {

<AppOnly>

> **Good to know**: Using props like `loader`, which accept a function, require using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
> **Good to know**: Using props like `loader`, which accept a function, requires using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
</AppOnly>

Expand Down Expand Up @@ -212,7 +212,7 @@ This example `sizes` could have a dramatic effect on performance metrics. Withou
Learn more about `srcset` and `sizes`:

- [web.dev](https://web.dev/learn/design/responsive-images/#sizes)
- [mdn](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-sizes)
- [mdn](https://developer.mozilla.org/docs/Web/HTML/Element/img#sizes)

### `quality`

Expand Down Expand Up @@ -294,7 +294,7 @@ The callback function will be called with one argument, a reference to the under

<AppOnly>

> **Good to know**: Using props like `onLoadingComplete`, which accept a function, require using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
> **Good to know**: Using props like `onLoadingComplete`, which accept a function, requires using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
</AppOnly>

Expand All @@ -310,7 +310,7 @@ The callback function will be called with one argument, the Event which has a `t

<AppOnly>

> **Good to know**: Using props like `onLoad`, which accept a function, require using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
> **Good to know**: Using props like `onLoad`, which accept a function, requires using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
</AppOnly>

Expand All @@ -324,7 +324,7 @@ A callback function that is invoked if the image fails to load.

<AppOnly>

> **Good to know**: Using props like `onError`, which accept a function, require using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
> **Good to know**: Using props like `onError`, which accept a function, requires using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
</AppOnly>

Expand All @@ -343,7 +343,7 @@ the viewport.

When `eager`, load the image immediately.

Learn more about the [`loading` attribute](https://developer.mozilla.org/docs/Web/HTML/Element/img#attr-loading).
Learn more about the [`loading` attribute](https://developer.mozilla.org/docs/Web/HTML/Element/img#loading).

### `blurDataURL`

Expand Down Expand Up @@ -494,7 +494,7 @@ Examples:

<AppOnly>

> **Good to know**: Customizing the image loader file, which accepts a function, require using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
> **Good to know**: Customizing the image loader file, which accepts a function, requires using [Client Components](/docs/app/building-your-application/rendering/client-components) to serialize the provided function.
</AppOnly>

Expand Down

0 comments on commit 51d6c64

Please sign in to comment.