Différences
Ci-dessous, les différences entre deux révisions de la page.
| Les deux révisions précédentesRévision précédente | |||
| front:astuces [2025/10/01 11:56] – paolo | front:astuces [Date inconnue] (Version actuelle) – supprimée - modification externe (Date inconnue) 127.0.0.1 | ||
|---|---|---|---|
| Ligne 1: | Ligne 1: | ||
| - | # Astuces | ||
| - | ### Utiliser la configuration | ||
| - | |||
| - | ### Composant Head | ||
| - | |||
| - | ### Composant Toaster | ||
| - | |||
| - | ### 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 | ||