Merge pull request #1234 from dnum-mi/develop

Develop

Author: laruiss

.claude/commands/guide.md

@@ -0,0 +1,48 @@
+# Guide du projet VueDsfr
+
+Lis attentivement et suis les instructions contenues dans les fichiers suivants :
+
+1. **Instructions générales de codage** : `.github/copilot-instructions.md`
+   - Architecture et structure des fichiers
+   - Workflow de développement
+   - Patterns TypeScript et Vue.js
+   - Conventions de test
+   - Workflow GitHub (issues, branches, PR)
+   - Qualité du code et commits
+
+2. **Instructions spécifiques aux tâches** : `.github/copilot-tasks.instructions.md`
+   - Tâches d'analyse de code
+   - Création de composants et composables
+   - Refactorisation
+   - Génération de stories Storybook
+   - Documentation VitePress
+   - Tests et qualité
+
+## Résumé des règles clés
+
+### Vue.js & Composition API
+- TOUJOURS utiliser `<script setup lang="ts">`
+- Props & Emits avec types TypeScript
+- Props booléennes : ne pas utiliser `withDefaults` si valeur par défaut = `false`
+
+### Workflow GitHub
+- **Branches** : `{numéro-issue}-{type}-{description-kebab-case}`
+- **Commits** : Format conventionnel (voir `.github/conventions-commits.md`)
+- **PR** : Toujours lier à une issue, base = `develop`
+
+### TypeScript
+- Types explicites, éviter `any`
+- Interfaces pour les objets
+- Props avec définition par types
+
+### Tests
+- Vitest pour tous les tests
+- Fichiers `.spec.ts` colocalisés
+- Pas de warnings dans la sortie
+
+### Documentation
+- Français pour la documentation utilisateur
+- Stories Storybook au format CSF3
+- Typographie française : apostrophes `'` et espaces insécables
+
+Applique systématiquement ces conventions dans toutes tes contributions au projet.

.github/copilot-instructions.md

@@ -158,7 +158,7 @@ const props = withDefaults(defineProps<{
   size?: 'sm' | 'md' | 'lg'
   disabled?: boolean
 }>(), {
-  size: 'md',           // Valeur par défaut custom
+  size: 'md', // --------  Valeur par défaut custom
   // disabled: false    // Pas besoin, false par défaut
 })
 </script>

.github/workflows/publish-release-beta.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.2.1
+          version: 10.24.0
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
       - name: Release

.github/workflows/publish-release-next.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.2.1
+          version: 10.24.0
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
       - name: Release

.github/workflows/publish-release.yml

@@ -21,7 +21,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.2.1
+          version: 10.24.0
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
       - name: Release

.github/workflows/run-tests.yml

@@ -27,7 +27,7 @@ jobs:
       - name: Install pnpm
         uses: pnpm/action-setup@v4
         with:
-          version: 10.2.1
+          version: 10.24.0
       - name: Install dependencies
         run: pnpm install --frozen-lockfile
       - name: Lint (show only errors)

.npmrc

@@ -1,6 +1,6 @@
 @gouvminint:registry=https://registry.npmjs.com
 //registry.npmjs.com/:_authToken=${NODE_AUTH_TOKEN}
 always-auth=true
-legacy-peer-deps=true
 access=public
+strict-peer-dependencies=false
 

demo-app/App.vue

@@ -256,8 +256,8 @@ const ecosystemLinks = [
     title: 'Informations gouvernementales, nouvelle fenêtre',
   },
   {
-    label: 'service-public.fr',
-    href: 'https://service-public.fr',
+    label: 'service-public.gouv.fr',
+    href: 'https://service-public.gouv.fr',
     title: 'Informations et démarches administratives, nouvelle fenêtre',
   },
   {

eslint.config.js

@@ -1,15 +1,19 @@
 // For more info, see https://github.com/storybookjs/eslint-plugin-storybook#configuration-flat-config-format
 
 import antfu from '@antfu/eslint-config'
+import importX from 'eslint-plugin-import-x'
 
 export default antfu({
   vue: true,
 }, [
   {
+    plugins: {
+      'import-x': importX,
+    },
     rules: {
       'test/prefer-lowercase-title': 'off',
       'sort-imports': 'off', // Should be 'error'
-      'import/order': [
+      'import-x/order': [
         'error',
         {
           'newlines-between': 'always',
@@ -33,7 +37,7 @@ export default antfu({
       'vue/quote-props': ['error', 'as-needed'], // Should be ['error', 'consistent-as-needed']
       'ts/consistent-type-definitions': 'off', // Should be 'on'
       'style/arrow-parens': 'off', // Should be ['error', 'as-needed']
-      'style/operator-linebreak': ['error', 'after', { overrides: { '?': 'before', ':': 'before' } }],
+      'style/operator-linebreak': ['error', 'after', { overrides: { '?': 'before', ':': 'before', '|': 'before', '&': 'before' } }],
       'style/max-statements-per-line': 'off', // Should be 'error'
       'vue/no-irregular-whitespace': 'warn',
       'no-irregular-whitespace': 'warn',

package.json

@@ -2,7 +2,7 @@
   "name": "@gouvminint/vue-dsfr",
   "type": "module",
   "version": "3.7.5",
-  "packageManager": "pnpm@10.2.1",
+  "packageManager": "pnpm@10.24.0",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -86,77 +86,78 @@
     "vue-router": "^4.5.0"
   },
   "dependencies": {
-    "@gouvfr/dsfr": "~1.13.0",
-    "focus-trap": "^7.6.4",
-    "focus-trap-vue": "^4.0.3",
-    "vue": "^3.5.13",
-    "vue-router": "^4.5.0"
+    "@gouvfr/dsfr": "~1.14.2",
+    "focus-trap": "^7.6.6",
+    "focus-trap-vue": "^4.1.0",
+    "vue": "^3.5.25",
+    "vue-router": "^4.6.3"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^4.1.1",
-    "@chromatic-com/storybook": "^4.1.2",
-    "@commitlint/cli": "^19.7.1",
-    "@commitlint/config-conventional": "^19.7.1",
+    "@antfu/eslint-config": "^4.19.0",
+    "@chromatic-com/storybook": "^4.1.3",
+    "@commitlint/cli": "^19.8.1",
+    "@commitlint/config-conventional": "^19.8.1",
     "@iconify/vue": "^4.3.0",
     "@playwright/test": "1.49.1",
     "@semantic-release/changelog": "^6.0.3",
-    "@semantic-release/commit-analyzer": "^13.0.0",
-    "@semantic-release/github": "^11.0.0",
-    "@semantic-release/npm": "^12.0.0",
-    "@semantic-release/release-notes-generator": "^14.0.0",
-    "@storybook/addon-a11y": "^10.0.2",
-    "@storybook/addon-docs": "^10.0.2",
-    "@storybook/addon-links": "^10.0.2",
-    "@storybook/addon-themes": "^10.0.2",
-    "@storybook/test-runner": "^0.24.1",
-    "@storybook/vue3-vite": "^10.0.2",
-    "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.6.3",
+    "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/github": "^11.0.6",
+    "@semantic-release/npm": "^12.0.2",
+    "@semantic-release/release-notes-generator": "^14.1.0",
+    "@storybook/addon-a11y": "^10.1.0",
+    "@storybook/addon-docs": "^10.1.0",
+    "@storybook/addon-links": "^10.1.0",
+    "@storybook/addon-themes": "^10.1.0",
+    "@storybook/test-runner": "^0.24.2",
+    "@storybook/vue3-vite": "^10.1.0",
+    "@testing-library/dom": "^10.4.1",
+    "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/user-event": "^14.6.1",
     "@testing-library/vue": "^8.1.0",
-    "@types/jsdom": "^21.1.7",
-    "@types/node": "^22.13.1",
-    "@vitejs/plugin-vue": "^5.2.1",
-    "@vitejs/plugin-vue-jsx": "^4.1.1",
+    "@types/jsdom": "^27.0.0",
+    "@types/node": "^22.19.1",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
     "@vue/test-utils": "^2.4.6",
-    "@vue/tsconfig": "^0.7.0",
-    "@vueuse/core": "^12.5.0",
-    "@vueuse/shared": "^12.5.0",
-    "@whyframe/core": "^0.1.12",
-    "@whyframe/vue": "^0.1.7",
-    "browserslist": "^4.24.4",
-    "chalk": "^5.4.1",
+    "@vue/tsconfig": "^0.8.1",
+    "@vueuse/core": "^12.8.2",
+    "@vueuse/shared": "^12.8.2",
+    "@whyframe/core": "^0.1.14",
+    "@whyframe/vue": "^0.1.9",
+    "browserslist": "^4.28.0",
+    "chalk": "^5.6.2",
     "commander": "^13.1.0",
-    "commitlint": "^19.7.1",
-    "cross-env": "^7.0.3",
-    "eslint": "^9.20.0",
+    "commitlint": "^19.8.1",
+    "cross-env": "^10.1.0",
+    "eslint": "^9.39.1",
+    "eslint-plugin-import-x": "^4.16.1",
     "eslint-plugin-storybook": "10.0.2",
-    "eslint-plugin-vue": "^9.32.0",
-    "globby": "^14.1.0",
+    "eslint-plugin-vue": "^9.33.0",
+    "globby": "^16.0.0",
     "http-server": "^14.1.1",
     "husky": "^9.1.7",
-    "inquirer": "^12.4.1",
-    "jsdom": "^26.0.0",
-    "lightningcss": "^1.29.1",
-    "lint-staged": "^15.4.3",
+    "inquirer": "^12.11.1",
+    "jsdom": "^26.1.0",
+    "lightningcss": "^1.30.2",
+    "lint-staged": "^15.5.2",
     "npm-run-all": "^4.1.5",
-    "p-debounce": "^4.0.0",
-    "pnpm": "^10.2.1",
-    "publint": "^0.3.4",
+    "p-debounce": "^5.1.0",
+    "pnpm": "^10.24.0",
+    "publint": "^0.3.15",
     "regenerator-runtime": "^0.14.1",
-    "rimraf": "^6.0.1",
-    "semantic-release": "^24.0.0",
-    "start-server-and-test": "^2.0.10",
-    "storybook": "^10.0.2",
-    "typescript": "~5.7.3",
-    "unplugin-lightningcss": "^0.3.0",
-    "vite": "^6.1.0",
-    "vite-node": "^3.0.5",
+    "rimraf": "^6.1.2",
+    "semantic-release": "^24.2.9",
+    "start-server-and-test": "^2.1.3",
+    "storybook": "^10.1.0",
+    "typescript": "~5.9.3",
+    "unplugin-lightningcss": "^0.3.3",
+    "vite": "^6.4.1",
+    "vite-node": "^3.2.4",
     "vite-plugin-full-reload": "^1.2.0",
-    "vitepress": "^1.6.3",
-    "vitest": "^3.0.5",
+    "vitepress": "^1.6.4",
+    "vitest": "^4.0.14",
     "vue-demi": "^0.14.10",
-    "vue-tsc": "^2.2.0"
+    "vue-tsc": "^2.2.12"
   },
   "lint-staged": {
     "*.{vue,js,jsx,ts,tsx}": "run-s check-exports-ci lint --"