Add better command in documentation

Author: EmmanuelLefevre

README.md

@@ -164,7 +164,7 @@ git clone git@github.com:EmmanuelLefevre/AngularTemplate.git
 cd AngularTemplate
 corepack enable
 pnpm install --frozen-lockfile
-pnpm start
+pnpm start/ng serve
 ```
 
 - Via Package  
@@ -178,3 +178,25 @@ pnpm start
 ```bash
 pnpm add -g @angular/cli@21.2.1
 ```
+
+### Installer une librairie
+
+- En DEV  
+
+```bash
+pnpm add -DE <MA_LIBRAIRIE>@latest
+```
+
+- En PROD  
+
+```bash
+pnpm add <MA_LIBRAIRIE>@latest
+```
+
+Supprimer le `node_modules`, le `pnpm-lock.yaml` et clean le cache de **PNPM** =>
+
+````bash
+pnpm store prune
+```
+
+Push 🤜🤜🤜

docs/CICD.md

@@ -182,7 +182,7 @@ Si **Gitleaks** trouve une faille, le job **Security** échoue immédiatement, b
 L'utilisation de **rimraf** permet de supprimer des dossiers de manière fiable que l'on soit sous **Windows**, **macOS** ou **Linux**. C'est essentiel pour éviter que d'anciens rapports de couverture ne viennent fausser les nouvelles analyses.
 
 ```shell
-pnpm add -D rimraf
+pnpm add -DE rimraf@latest
 ```
 
 Dans `package.json` ajouter les scripts `clean` et `test:coverage`

docs/DOCUMENTATION.md

@@ -45,7 +45,7 @@ Dans ce projet, nous avons poussé l'intégration plus loin pour permettre une d
 **Etape 1 :** Installer **Compodoc**  
 
 ```shell
-pnpm add -D @compodoc/compodoc
+pnpm add -DE @compodoc/compodoc@latest
 ```
 
 **Etape 2 :**  

docs/MULTI-LANGUES.md

@@ -26,7 +26,7 @@ Pour offrir une expérience utilisateur de premier plan, l'internationalisation
 Installer les librairies suivantes =>  
 
 ```shell
-pnpm add @ngx-translate/core @ngx-translate/http-loader
+pnpm add @ngx-translate/core@latest @ngx-translate/http-loader@latest
 ```
 
 > [🔗 Ngx Translate Documentation](https://ngx-translate.org/)  

docs/QUALITE.md

@@ -80,25 +80,25 @@ ng add @angular-eslint/schematics --package-manager=pnpm
 1. Installer la config de compatibilité
 
 ```shell
-pnpm add -D eslint-config-prettier
+pnpm add -DE eslint-config-prettier@latest
 ```
 
 2. Installer **ESLint** et **Angular ESLint**
 
 ```shell
-pnpm add -D eslint angular-eslint
+pnpm add -DE eslint angular-eslint@latest
 ```
 
 3. Installer les `stylistics`
 
 ```shell
-pnpm add -D @stylistic/eslint-plugin
+pnpm add -DE @stylistic/eslint-plugin@latest
 ```
 
 4. Installer le plugin `security`
 
 ```shell
-pnpm add -D eslint-plugin-security
+pnpm add -DE eslint-plugin-security@latest
 ```
 
 Créer un fichier `eslint-security.config.js` et y coller la configuration présente dans le template.  
@@ -192,7 +192,7 @@ Vous devriez voir s'afficher =>
 **Etape 7 :** Ajouter les autres packages **ESLint**  
 
 ```shell
-pnpm add -D @angular-eslint/builder @eslint/js typescript-eslint
+pnpm add -DE @angular-eslint/builder@latest @eslint/js@latest typescript-eslint@latest
 ```
 
 <h2 id="prettier">
@@ -224,7 +224,7 @@ Cela garantit que tous les fichiers commits respectent les normes de formatage d
 Bien qu'il y ait une configuration dans `package.json`, il est préférable (Best Practice) d'avoir un fichier de configuration dédié `.prettierrc`.
 
 ```shell
-pnpm add -D prettier
+pnpm add -DE prettier@latest
 ```
 
 **Etape 2 :** Créer un fichier `.prettierrc.js` à la racine et y coller la configuration présente dans le template.  
@@ -235,7 +235,7 @@ pnpm add -D prettier
 Installer l'extension **Trivago** pour le tri des imports.  
 
 ```shell
-pnpm add -D @trivago/prettier-plugin-sort-imports
+pnpm add -DE @trivago/prettier-plugin-sort-imports@latest
 ```
 
 Formater le code :  
@@ -287,7 +287,7 @@ Grâce à un ensemble de règles configurables via un fichier `.htmlhintrc`, **H
 **Etape 1 :** Ajouter le package **HTMLLint**  
 
 ```shell
-pnpm add -D htmlhint
+pnpm add -DE htmlhint@latest
 ```
 
 **Etape 2 :** Ajouter l'extension **VSCode** :  
@@ -363,7 +363,7 @@ Concrètement, **Stylelint** analyse vos fichiers de style et nous signale tout
 ### Configuration :
 
 ```shell
-pnpm add -D stylelint stylelint-scss postcss-scss
+pnpm add -DE stylelint@latest stylelint-scss@latest postcss-scss@latest
 ```
 
 Il faut ensuite créer le fichier `.stylelintrc.json` à la racine et y coller la configuration présente dans le template.  
@@ -413,7 +413,7 @@ ainsi que le script =>
 **Etape 1 :** Installer **Ngx Translate Lint**  
 
 ```shell
-pnpm add -D ngx-translate-lint
+pnpm add -DE ngx-translate-lint@latest
 ```
 
 **Etape 2 :** Configurer le script dans `package.json` pour la **CI**  
@@ -462,7 +462,7 @@ pnpm i18n:lint
 **Etape 1 :** Installer **Ngx Translate Extract**  
 
 ```shell
-pnpm add -D @bartholomej/ngx-translate-extract
+pnpm add -DE @bartholomej/ngx-translate-extract@latest
 ```
 
 **Etape 2 :** Configurer le script dans `package.json`  
@@ -534,7 +534,7 @@ C'est là que `lint-staged` entre en jeu. C'est un outil intelligent qui exécut
 **Etape 1 :** Installer **Husky** et `lint-staged`  
 
 ```shell
-pnpm add -D husky lint-staged
+pnpm add -DE husky lint-staged@latest
 ```
 
 **Etape 2 :** Initialiser **Husky**  
@@ -626,7 +626,7 @@ Une fois qu'un secret est "poussé" sur un dépôt (même privé), il est consid
 Il évite la pollution de l'historique **Git**. Une fois qu'un secret est commité, il est techniquement compromis et difficile à effacer totalement. **Secretlint** bloque le processus dès la détection, forçant le développeur à placer ses secrets dans des variables d'environnement (`.env`) ou des gestionnaires de secrets sécurisés (comme les **GitHub Secrets** ou **HashiCorp Vault**) garantissant ainsi que le code partagé reste sain.  
 
 ```shell
-pnpm add -D secretlint @secretlint/secretlint-rule-preset-recommend
+pnpm add -DE secretlint@latest @secretlint/secretlint-rule-preset-recommend@latest
 ```
 
 De plus il est nécessaire d'ajouter dans le fichier `package.json` l'exécution de **Secretlint** sur les fichiers en `pre-commit` via `lint-staged`.  

docs/STYLES.md

@@ -189,7 +189,7 @@ En **SCSS** avec **BEM**, évitez d'imbriquer plus de 1 niveau de profondeur (le
 **Angular Material** est la bibliothèque de composants officielle basée sur les principes du **Material Design**. Elle offre une collection de composants UI testés, accessibles et performants.  
 
 ```shell
-pnpm add @angular/material @angular/cdk
+pnpm add @angular/material@latest @angular/cdk@latest
 ```
 
 ⚠️ Les surcharges de **Angular Material** (`_material-overrides.scss`) sont globales et doivent être importées une seule fois dans le fichier `styles.scss` principal dans `src/styles` et non dans chaque composant.  
@@ -212,11 +212,11 @@ Pour l'iconographie, **Font Awesome** est le standard de l'industrie. Plutôt qu
 - **Modularité :** possibilité d'importer uniquement les packs nécessaires (Solid, Regular, Brands).
 
 ```shell
-pnpm add @fortawesome/fontawesome-svg-core @fortawesome/angular-fontawesome
+pnpm add @fortawesome/fontawesome-svg-core@latest @fortawesome/angular-fontawesome@latest
 ```
 
 Puis ajouter les différentes variantes d'icônes...  
 
 ```shell
-pnpm add @fortawesome/free-solid-svg-icons @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons
+pnpm add @fortawesome/free-solid-svg-icons@latest @fortawesome/free-brands-svg-icons@latest @fortawesome/free-regular-svg-icons@latest
 ```

docs/TESTS.md

@@ -18,12 +18,12 @@ Activer le nouveau système de tests unitaires natif d'**Angular**. Ce builder m
 **Etape 1 :** Installer les librairies requises  
 
 ```shell
-pnpm add -D vitest jsdom
-pnpm add -D @angular/platform-browser-dynamic
-pnpm add -D @analogjs/vite-plugin-angular
-pnpm add -D @analogjs/vitest-angular
-pnpm add -D @types/node
-pnpm add -D vite-tsconfig-paths
+pnpm add -DE vitest jsdom@latest
+pnpm add -DE @angular/platform-browser-dynamic@latest
+pnpm add -DE @analogjs/vite-plugin-angular@latest
+pnpm add -DE @analogjs/vitest-angular@latest
+pnpm add -DE @types/node@latest
+pnpm add -DE vite-tsconfig-paths@latest
 ```
 
 **Etape 2 :** Dans `tsconfig.spec.json` remplacer la configuration présente par celle-ci dans la propriété `@compilerOptions`.  
@@ -60,15 +60,15 @@ pnpm add -D vite-tsconfig-paths
 **Vitest** possède une interface web agréable pour visualiser les tests, voir le code et les logs. C'est bien plus pratique que le terminal.
 
 ```shell
-pnpm add -D @vitest/ui
+pnpm add -DE @vitest/ui@latest
 ```
 
 ![Vitest UI](https://github.com/EmmanuelLefevre/MarkdownImg/blob/main/vitest_ui.png.png)  
 
 **Etape 5 :** Installer le package de coverage `@vitest/coverage-v8`
 
 ```shell
-pnpm add -D @vitest/coverage-v8
+pnpm add -DE @vitest/coverage-v8@latest
 ```
 
 **Etape 6 :** Créer le fichier `test-setup.ts` dans `src`