diff --git a/src/content/docs/fr/guides/integrations-guide/alpinejs.mdx b/src/content/docs/fr/guides/integrations-guide/alpinejs.mdx index d6d8c686e8fef..a27682d376016 100644 --- a/src/content/docs/fr/guides/integrations-guide/alpinejs.mdx +++ b/src/content/docs/fr/guides/integrations-guide/alpinejs.mdx @@ -90,37 +90,69 @@ export default defineConfig({ }); ``` -## Utilisation +## Options de Configuration -Une fois l'intégration installée, vous pouvez utiliser les directives et la syntaxe [Alpine.js](https://alpinejs.dev/) dans n'importe quel composant Astro. Le script Alpine.js est automatiquement ajouté et activé sur chaque page de votre site web. +### `entrypoint` -Consultez notre [Documentation d'intégration Astro][astro-integration] pour plus d'informations sur les intégrations. +Vous pouvez étendre Alpine en mettant l'option `entrypoint` à un spécificateur d'importation relatif à la racine (par exemple `entrypoint : "/src/entrypoint"`). -## Limites +L'exportation par défaut de ce fichier doit être une fonction qui accepte une instance Alpine avant de démarrer. Cela permet d'utiliser des directives personnalisées, des plugins et d'autres personnalisations pour des cas d'utilisation avancés. -L'intégration d'Alpine.js ne vous permet pas de contrôler la manière dont le script est chargé ou initialisé. Si vous avez besoin de ce contrôle, envisagez [d'installer et d'utiliser Alpine.js manuellement](https://alpinejs.dev/essentials/installation). Astro prend en charge toutes les instructions d'installation manuelle d'Alpine.js officiellement documentées, en utilisant les balises ` +```astro title="src/pages/index.astro" ins={6} ins="x-collapse" +--- +--- + + + + + + + +
+ + +

+ Lorem ipsum +

+
+ + ``` -## Configuration +## Intellisense pour TypeScript -L'intégration d'Alpine.js ne prend pas en charge les configurations personnalisées pour le moment. +L'intégration `@astrojs/alpine` ajoute `Alpine` à l'objet global de la fenêtre. Pour l'autocomplétion de l'IDE, ajoutez ce qui suit à votre `src/env.d.ts` : + +```ts title="src/env.d.ts" +interface Window { + Alpine: import('alpinejs').Alpine; +} +``` ## Exemples diff --git a/src/content/docs/fr/guides/integrations-guide/tailwind.mdx b/src/content/docs/fr/guides/integrations-guide/tailwind.mdx index 65020823cb5f2..c45590c983419 100644 --- a/src/content/docs/fr/guides/integrations-guide/tailwind.mdx +++ b/src/content/docs/fr/guides/integrations-guide/tailwind.mdx @@ -18,9 +18,7 @@ Si vous n'aimez pas ces paramètres prédéfinis, vous pouvez [personnaliser le Tailwind est également un excellent choix pour ajouter des styles aux composants React, Preact ou Solid, qui ne supportent pas la balise `