Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente | ||
front:astuces [2025/09/30 15:17] – [Astuces] paolo | front:astuces [2025/10/01 11:56] (Version actuelle) – paolo | ||
---|---|---|---|
Ligne 1: | Ligne 1: | ||
# Astuces | # Astuces | ||
- | |||
### Utiliser la configuration | ### Utiliser la configuration | ||
+ | |||
+ | ### Composant Head | ||
+ | |||
+ | ### Composant Toaster | ||
### Utiliser les variables d' | ### Utiliser les variables d' | ||
+ | Dans un environnement **Vite**, les variables d' | ||
+ | |||
+ | ``` | ||
+ | # .env | ||
+ | |||
+ | VITE_API_URL=url | ||
+ | VITE_APP_VERSION=1.0.0 | ||
+ | ``` | ||
+ | |||
+ | On peut ainsi les importer avec '' | ||
+ | |||
+ | ``` | ||
+ | // src/ | ||
+ | |||
+ | export const API_URL | ||
+ | export const APP_VERSION = import.meta.env.VITE_APP_VERSION; | ||
+ | ``` | ||
+ | |||
+ | ### Fichiers de traductions publiques | ||
+ | |||
+ | ### Faire des fichiers de traductions “namespace” | ||
+ | |||
+ | ### Utiliser des préfixes avec useTranslation | ||
+ | |||
+ | ### Fichier CSS publiques | ||
+ | ### Retirer Tailwind CSS | ||
+ | ### Importer les fichiers CSS entre eux avec Tailwind CSS et en CSS classique | ||
+ | ### Faire un listener de changement de thème |