From 174040785453850a1c87a2f90f151963185acd6b Mon Sep 17 00:00:00 2001 From: Eduardo Pereira Date: Thu, 2 May 2024 13:30:32 -0300 Subject: [PATCH] Add Steps component to `add-yaml-support.mdx` (#8126) Co-authored-by: Houston (Bot) <108291165+astrobot-houston@users.noreply.github.com> Co-authored-by: Sarah Rainsberger --- src/content/docs/en/recipes/add-yaml-support.mdx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/src/content/docs/en/recipes/add-yaml-support.mdx b/src/content/docs/en/recipes/add-yaml-support.mdx index d18ea5fae1534..14be1864bf2c0 100644 --- a/src/content/docs/en/recipes/add-yaml-support.mdx +++ b/src/content/docs/en/recipes/add-yaml-support.mdx @@ -4,13 +4,14 @@ description: Learn how you can import YAML data by adding a Rollup plugin to you i18nReady: true type: recipe --- - -import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro' +import { Steps } from '@astrojs/starlight/components'; +import PackageManagerTabs from '~/components/tabs/PackageManagerTabs.astro'; Astro builds on top of Vite, and supports both Vite and Rollup plugins. This recipe uses a Rollup plugin to add the ability to import a YAML (`.yml`) file in Astro. ## Recipe + 1. Install `@rollup/plugin-yaml`: @@ -44,7 +45,6 @@ Astro builds on top of Vite, and supports both Vite and Rollup plugins. This rec }); ``` - 3. Finally, you can import YAML data using an `import` statement: ```js @@ -62,3 +62,4 @@ Astro builds on top of Vite, and supports both Vite and Rollup plugins. This rec ``` This will allow your editor to provide type hints for your YAML data. ::: +