Commit a7accdc
authored
Bump astro from 5.9.1 to 5.10.0 in /website in the dependabot group (#190)
Bumps the dependabot group in /website with 1 update:
[astro](https://github.com/withastro/astro/tree/HEAD/packages/astro).
Updates `astro` from 5.9.1 to 5.10.0
<details>
<summary>Release notes</summary>
<p><em>Sourced from <a
href="https://github.com/withastro/astro/releases">astro's
releases</a>.</em></p>
<blockquote>
<h2>astro@5.10.0</h2>
<h3>Minor Changes</h3>
<ul>
<li>
<p><a
href="https://redirect.github.com/withastro/astro/pull/13917">#13917</a>
<a
href="https://github.com/withastro/astro/commit/e615216c55bca5d61b8c5c1b49d62671f0238509"><code>e615216</code></a>
Thanks <a
href="https://github.com/ascorbic"><code>@ascorbic</code></a>! - Adds a
new <code>priority</code> attribute for Astro's image components.</p>
<p>This change introduces a new <code>priority</code> option for the
<code><Image /></code> and <code><Picture /></code>
components, which automatically sets the <code>loading</code>,
<code>decoding</code>, and <code>fetchpriority</code> attributes to
their optimal values for above-the-fold images which should be loaded
immediately.</p>
<p>It is a boolean prop, and you can use the shorthand syntax by simply
adding <code>priority</code> as a prop to the <code><Image
/></code> or <code><Picture /></code> component. When set, it
will apply the following attributes:</p>
<ul>
<li><code>loading="eager"</code></li>
<li><code>decoding="sync"</code></li>
<li><code>fetchpriority="high"</code></li>
</ul>
<p>The individual attributes can still be set manually if you need to
customize your images further.</p>
<p>By default, the Astro <a
href="https://docs.astro.build/en/guides/images/#display-optimized-images-with-the-image--component"><code><Image
/></code> component</a> generates <code><img></code> tags that
lazy-load their content by setting <code>loading="lazy"</code>
and <code>decoding="async"</code>. This improves performance
by deferring the loading of images that are not immediately visible in
the viewport, and gives the best scores in performance audits like
Lighthouse.</p>
<p>The new <code>priority</code> attribute will override those defaults
and automatically add the best settings for your high-priority
assets.</p>
<p>This option was previously available for experimental responsive
images, but now it is a standard feature for all images.</p>
<h2>Usage</h2>
<pre lang="astro"><code><Image src="/path/to/image.jpg"
alt="An example image" priority />
</code></pre>
<blockquote>
<p>[!Note]
You should only use the <code>priority</code> option for images that are
critical to the initial rendering of the page, and ideally only one
image per page. This is often an image identified as the <a
href="https://web.dev/articles/lcp">LCP element</a> when running
Lighthouse tests. Using it for too many images will lead to performance
issues, as it forces the browser to load those images immediately,
potentially blocking the rendering of other content.</p>
</blockquote>
</li>
<li>
<p><a
href="https://redirect.github.com/withastro/astro/pull/13917">#13917</a>
<a
href="https://github.com/withastro/astro/commit/e615216c55bca5d61b8c5c1b49d62671f0238509"><code>e615216</code></a>
Thanks <a
href="https://github.com/ascorbic"><code>@ascorbic</code></a>! - The
responsive images feature introduced behind a flag in <a
href="https://github.com/withastro/astro/blob/main/packages/astro/CHANGELOG.md#500">v5.0.0</a>
is no longer experimental and is available for general use.</p>
<p>The new responsive images feature in Astro automatically generates
optimized images for different screen sizes and resolutions, and applies
the correct attributes to ensure that images are displayed correctly on
all devices.</p>
<p>Enable the <code>image.responsiveStyles</code> option in your Astro
config. Then, set a <code>layout</code> attribute on any <!-- raw HTML
omitted --> or <!-- raw HTML omitted --> component, or configure a
default <code>image.layout</code>, for instantly responsive images with
automatically generated <code>srcset</code> and <code>sizes</code>
attributes based on the image's dimensions and the layout type.</p>
<p>Displaying images correctly on the web can be challenging, and is one
of the most common performance issues seen in sites. This new feature
simplifies the most challenging part of the process: serving your site
visitor an image optimized for their viewing experience, and for your
website's performance.</p>
<p>For full details, see the updated <a
href="https://docs.astro.build/en/guides/images/#responsive-image-behavior">Image
guide</a>.</p>
<h2>Migration from Experimental Responsive Images</h2>
<p>The <code>experimental.responsiveImages</code> flag has been removed,
and all experimental image configuration options have been renamed to
their final names.</p>
<p>If you were using the experimental responsive images feature, you'll
need to update your configuration:</p>
<h3>Remove the experimental flag</h3>
<pre lang="diff"><code>export default defineConfig({
</code></pre>
</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Changelog</summary>
<p><em>Sourced from <a
href="https://github.com/withastro/astro/blob/main/packages/astro/CHANGELOG.md">astro's
changelog</a>.</em></p>
<blockquote>
<h2>5.10.0</h2>
<h3>Minor Changes</h3>
<ul>
<li>
<p><a
href="https://redirect.github.com/withastro/astro/pull/13917">#13917</a>
<a
href="https://github.com/withastro/astro/commit/e615216c55bca5d61b8c5c1b49d62671f0238509"><code>e615216</code></a>
Thanks <a
href="https://github.com/ascorbic"><code>@ascorbic</code></a>! - Adds a
new <code>priority</code> attribute for Astro's image components.</p>
<p>This change introduces a new <code>priority</code> option for the
<code><Image /></code> and <code><Picture /></code>
components, which automatically sets the <code>loading</code>,
<code>decoding</code>, and <code>fetchpriority</code> attributes to
their optimal values for above-the-fold images which should be loaded
immediately.</p>
<p>It is a boolean prop, and you can use the shorthand syntax by simply
adding <code>priority</code> as a prop to the <code><Image
/></code> or <code><Picture /></code> component. When set, it
will apply the following attributes:</p>
<ul>
<li><code>loading="eager"</code></li>
<li><code>decoding="sync"</code></li>
<li><code>fetchpriority="high"</code></li>
</ul>
<p>The individual attributes can still be set manually if you need to
customize your images further.</p>
<p>By default, the Astro <a
href="https://docs.astro.build/en/guides/images/#display-optimized-images-with-the-image--component"><code><Image
/></code> component</a> generates <code><img></code> tags that
lazy-load their content by setting <code>loading="lazy"</code>
and <code>decoding="async"</code>. This improves performance
by deferring the loading of images that are not immediately visible in
the viewport, and gives the best scores in performance audits like
Lighthouse.</p>
<p>The new <code>priority</code> attribute will override those defaults
and automatically add the best settings for your high-priority
assets.</p>
<p>This option was previously available for experimental responsive
images, but now it is a standard feature for all images.</p>
<h4>Usage</h4>
<pre lang="astro"><code><Image src="/path/to/image.jpg"
alt="An example image" priority />
</code></pre>
<blockquote>
<p>[!Note]
You should only use the <code>priority</code> option for images that are
critical to the initial rendering of the page, and ideally only one
image per page. This is often an image identified as the <a
href="https://web.dev/articles/lcp">LCP element</a> when running
Lighthouse tests. Using it for too many images will lead to performance
issues, as it forces the browser to load those images immediately,
potentially blocking the rendering of other content.</p>
</blockquote>
</li>
<li>
<p><a
href="https://redirect.github.com/withastro/astro/pull/13917">#13917</a>
<a
href="https://github.com/withastro/astro/commit/e615216c55bca5d61b8c5c1b49d62671f0238509"><code>e615216</code></a>
Thanks <a
href="https://github.com/ascorbic"><code>@ascorbic</code></a>! - The
responsive images feature introduced behind a flag in <a
href="https://github.com/withastro/astro/blob/main/packages/astro/CHANGELOG.md#500">v5.0.0</a>
is no longer experimental and is available for general use.</p>
<p>The new responsive images feature in Astro automatically generates
optimized images for different screen sizes and resolutions, and applies
the correct attributes to ensure that images are displayed correctly on
all devices.</p>
<p>Enable the <code>image.responsiveStyles</code> option in your Astro
config. Then, set a <code>layout</code> attribute on any <!-- raw HTML
omitted --> or <!-- raw HTML omitted --> component, or configure a
default <code>image.layout</code>, for instantly responsive images with
automatically generated <code>srcset</code> and <code>sizes</code>
attributes based on the image's dimensions and the layout type.</p>
<p>Displaying images correctly on the web can be challenging, and is one
of the most common performance issues seen in sites. This new feature
simplifies the most challenging part of the process: serving your site
visitor an image optimized for their viewing experience, and for your
website's performance.</p>
<p>For full details, see the updated <a
href="https://docs.astro.build/en/guides/images/#responsive-image-behavior">Image
guide</a>.</p>
<h4>Migration from Experimental Responsive Images</h4>
<p>The <code>experimental.responsiveImages</code> flag has been removed,
and all experimental image configuration options have been renamed to
their final names.</p>
<p>If you were using the experimental responsive images feature, you'll
need to update your configuration:</p>
<h5>Remove the experimental flag</h5>
<pre lang="diff"><code></code></pre>
</li>
</ul>
<!-- raw HTML omitted -->
</blockquote>
<p>... (truncated)</p>
</details>
<details>
<summary>Commits</summary>
<ul>
<li><a
href="https://github.com/withastro/astro/commit/0ad80d9296d8bc5427bcfd5c306acf853f13de68"><code>0ad80d9</code></a>
[ci] release (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13958">#13958</a>)</li>
<li><a
href="https://github.com/withastro/astro/commit/6517ddb6b3056e7f7e9c90dbcb4cae00b6e35a4c"><code>6517ddb</code></a>
[ci] format</li>
<li><a
href="https://github.com/withastro/astro/commit/3c04c1f43027e2f9be0854f65c549fa1832f622a"><code>3c04c1f</code></a>
feat: live content collections (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13685">#13685</a>)</li>
<li><a
href="https://github.com/withastro/astro/commit/d35f234967738ab4fe73e6dbbd1dc727784fe5b9"><code>d35f234</code></a>
[ci] format</li>
<li><a
href="https://github.com/withastro/astro/commit/e615216c55bca5d61b8c5c1b49d62671f0238509"><code>e615216</code></a>
feat: unflag responsive images (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13917">#13917</a>)</li>
<li><a
href="https://github.com/withastro/astro/commit/468945ae2d8c31589258b3d96a9fa79cde78a388"><code>468945a</code></a>
[ci] format</li>
<li><a
href="https://github.com/withastro/astro/commit/0a31d9912de6b94f4e8fba3c820a00b6861dff19"><code>0a31d99</code></a>
fix: actions typegen path (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13976">#13976</a>)</li>
<li><a
href="https://github.com/withastro/astro/commit/304df34b7c4ef69f3f6d93835b7a1e415666ddc9"><code>304df34</code></a>
fix(csp): types and validation issues (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13957">#13957</a>)</li>
<li><a
href="https://github.com/withastro/astro/commit/b951330af36b687f1b261bc46bdae81f0a21f796"><code>b951330</code></a>
[ci] format</li>
<li><a
href="https://github.com/withastro/astro/commit/fe8f61ab6dafe2c4da6d55db7316cd614927dd07"><code>fe8f61a</code></a>
fix: devtoolbar data unset (<a
href="https://github.com/withastro/astro/tree/HEAD/packages/astro/issues/13862">#13862</a>)</li>
<li>Additional commits viewable in <a
href="https://github.com/withastro/astro/commits/astro@5.10.0/packages/astro">compare
view</a></li>
</ul>
</details>
<br />
[](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores)
Dependabot will resolve any conflicts with this PR as long as you don't
alter it yourself. You can also trigger a rebase manually by commenting
`@dependabot rebase`.
[//]: # (dependabot-automerge-start)
[//]: # (dependabot-automerge-end)
---
<details>
<summary>Dependabot commands and options</summary>
<br />
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits
that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after
your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge
and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating
it. You can achieve the same result by closing it manually
- `@dependabot show <dependency name> ignore conditions` will show all
of the ignore conditions of the specified dependency
- `@dependabot ignore <dependency name> major version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's major version (unless you unignore this specific
dependency's major version or upgrade to it yourself)
- `@dependabot ignore <dependency name> minor version` will close this
group update PR and stop Dependabot creating any more for the specific
dependency's minor version (unless you unignore this specific
dependency's minor version or upgrade to it yourself)
- `@dependabot ignore <dependency name>` will close this group update PR
and stop Dependabot creating any more for the specific dependency
(unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore <dependency name>` will remove all of the ignore
conditions of the specified dependency
- `@dependabot unignore <dependency name> <ignore condition>` will
remove the ignore condition of the specified dependency and ignore
conditions
</details>
Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>1 parent 53abf13 commit a7accdc
2 files changed
+9
-9
lines changedSome generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.
| Original file line number | Diff line number | Diff line change | |
|---|---|---|---|
| |||
12 | 12 | | |
13 | 13 | | |
14 | 14 | | |
15 | | - | |
| 15 | + | |
16 | 16 | | |
17 | 17 | | |
18 | 18 | | |
| |||
0 commit comments