diff --git a/src/content/docs/fr/guides/integrations-guide/mdx.mdx b/src/content/docs/fr/guides/integrations-guide/mdx.mdx index 0dd75920734cf..fc0ffef0a4b7f 100644 --- a/src/content/docs/fr/guides/integrations-guide/mdx.mdx +++ b/src/content/docs/fr/guides/integrations-guide/mdx.mdx @@ -100,7 +100,7 @@ MDX permet d'utiliser les instructions `export` pour ajouter des variables à vo Par exemple, vous pouvez exporter un champ `title` d'une page ou d'un composant MDX pour l'utiliser comme titre avec des `{expressions JSX}` : -```mdx title="/src/pages/posts/post-1.mdx" +```mdx title="/src/blog/posts/post-1.mdx" export const title = 'Mon tout premier post MDX'; # {title} @@ -132,13 +132,15 @@ Les propriétés suivantes sont disponibles pour un composant `.astro` lorsqu'il L'intégration MDX d'Astro inclut la prise en charge de l'utilisation de frontmatter dans MDX par défaut. Ajoutez des propriétés frontmatter comme vous le feriez dans des fichiers Markdown, et ces variables pourront être utilisées aussi bien dans le modèle qu'en tant que propriétés nommées lorsque vous importez le fichier ailleurs. -```mdx title="/src/pages/posts/post-1.mdx" +```mdx title="/src/blog/posts/post-1.mdx" --- -layout: '../../layouts/BlogPostLayout.astro' title: 'Mon premier post MDX' +author: 'Houston' --- # {frontmatter.title} + +Écrit par : {frontmatter.author} ``` ### Utilisation de composants dans MDX @@ -149,18 +151,15 @@ N'oubliez pas de transmettre `client:directive` aux composants de votre framewor Vous trouverez d'autres exemples d'utilisation des instructions import et export dans la [documentation de MDX](https://mdxjs.com/docs/what-is-mdx/#esm). -```mdx title="src/pages/about.mdx" {5-6} /<.+\/>/ +```mdx title="src/blog/post-1.mdx" {4,9} --- -layout: ../layouts/BaseLayout.astro -title: A propos de moi +title: Mon premier article --- -import Button from '../components/Button.astro'; import ReactCounter from '../components/ReactCounter.jsx'; -Je vis sur **Mars** mais n'hésitez pas à