upgrade storybook

This commit is contained in:
Gauthier Roebroeck 2026-03-24 14:48:56 +08:00
parent e9cf44e3e9
commit 404e502e3a
4 changed files with 78 additions and 108 deletions

View file

@ -1,7 +0,0 @@
import * as a11yAddonAnnotations from '@storybook/addon-a11y/preview'
import { setProjectAnnotations } from '@storybook/vue3-vite'
import * as projectAnnotations from './preview'
// This is an important step to apply the right configuration when testing your stories.
// More info at: https://storybook.js.org/docs/api/portable-stories/portable-stories-vitest#setprojectannotations
setProjectAnnotations([a11yAddonAnnotations, projectAnnotations])

View file

@ -28,16 +28,16 @@
"vuetify": "^4.0.2"
},
"devDependencies": {
"@chromatic-com/storybook": "^5.0.1",
"@chromatic-com/storybook": "^5.0.2",
"@eslint/js": "^9.39.2",
"@formatjs/cli": "^6.13.1",
"@iconify-json/mdi": "^1.2.3",
"@pinia/colada-devtools": "^0.4.5",
"@storybook/addon-a11y": "^10.2.17",
"@storybook/addon-docs": "^10.2.17",
"@storybook/addon-themes": "^10.2.17",
"@storybook/addon-vitest": "^10.2.17",
"@storybook/vue3-vite": "^10.2.17",
"@storybook/addon-a11y": "^10.3.3",
"@storybook/addon-docs": "^10.3.3",
"@storybook/addon-themes": "^10.3.3",
"@storybook/addon-vitest": "^10.3.3",
"@storybook/vue3-vite": "^10.3.3",
"@testing-library/vue": "^8.1.0",
"@tsconfig/node22": "^22.0.5",
"@types/node": "^25.4.0",
@ -52,7 +52,7 @@
"eslint": "^9.39.2",
"eslint-config-prettier": "^10.1.8",
"eslint-plugin-formatjs": "^6.3.0",
"eslint-plugin-storybook": "^10.2.17",
"eslint-plugin-storybook": "^10.3.3",
"eslint-plugin-vue": "^10.8.0",
"happy-dom": "^20.8.3",
"msw": "^2.12.10",
@ -64,7 +64,7 @@
"prettier": "^3.8.1",
"sass": "^1.98.0",
"sass-embedded": "^1.98.0",
"storybook": "^10.2.17",
"storybook": "^10.3.3",
"typescript": "^5.9.3",
"unocss": "^66.6.6",
"unplugin-auto-import": "^21.0.0",
@ -80,9 +80,9 @@
}
},
"node_modules/@adobe/css-tools": {
"version": "4.4.3",
"resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.3.tgz",
"integrity": "sha512-VQKMkwriZbaOgVCby1UDY/LDk5fIjhQicCvVPFqfe+69fWaPWydbWJ3wRt59/YzIwda1I81loas3oCoHxnqvdA==",
"version": "4.4.4",
"resolved": "https://registry.npmjs.org/@adobe/css-tools/-/css-tools-4.4.4.tgz",
"integrity": "sha512-Elp+iwUx5rN5+Y8xLt5/GRoG20WGoDCQ/1Fb+1LiGtvwbDavuSk0jhD/eZdckHAuzcDzccnkv+rEjyWfRx18gg==",
"dev": true,
"license": "MIT"
},
@ -221,9 +221,9 @@
"license": "(Apache-2.0 AND BSD-3-Clause)"
},
"node_modules/@chromatic-com/storybook": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-5.0.1.tgz",
"integrity": "sha512-v80QBwVd8W6acH5NtDgFlUevIBaMZAh1pYpBiB40tuNzS242NTHeQHBDGYwIAbWKDnt1qfjJpcpL6pj5kAr4LA==",
"version": "5.0.2",
"resolved": "https://registry.npmjs.org/@chromatic-com/storybook/-/storybook-5.0.2.tgz",
"integrity": "sha512-uLd5gyvcz8q83GI0rYWjml45ryO3ZJwZLretLEZvWFJ3UlFk5C5Km9cwRcKZgZp0F3zYwbb8nEe6PJdgA1eKxg==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -238,7 +238,7 @@
"yarn": ">=1.22.18"
},
"peerDependencies": {
"storybook": "^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0"
"storybook": "^0.0.0-0 || ^10.1.0 || ^10.1.0-0 || ^10.2.0-0 || ^10.3.0-0 || ^10.4.0-0"
}
},
"node_modules/@chromatic-com/storybook/node_modules/ansi-regex": {
@ -2887,9 +2887,9 @@
"license": "MIT"
},
"node_modules/@storybook/addon-a11y": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.2.17.tgz",
"integrity": "sha512-J0ogEc4/XFC+Ytz+X1we6TOKreEk/shgUs/mtxdsLa0xJ6bp2n2OQPSjNtQHH/nK4SRBSfHWPm8ztfcXTzeG9w==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/addon-a11y/-/addon-a11y-10.3.3.tgz",
"integrity": "sha512-1yELCE8NXUJKcfS2k97pujtVw4z95PCwyoy2I6VAPiG/nRnJI8M6ned08YmCMEJhLBgGA1+GBh9HO4uk+xPcYA==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -2901,20 +2901,20 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17"
"storybook": "^10.3.3"
}
},
"node_modules/@storybook/addon-docs": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.2.17.tgz",
"integrity": "sha512-c414xi7rxlaHn92qWOxtEkcOMm0/+cvBui0gUsgiWOZOM8dHChGZ/RjMuf1pPDyOrSsybLsPjZhP0WthsMDkdQ==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/addon-docs/-/addon-docs-10.3.3.tgz",
"integrity": "sha512-trJQTpOtuOEuNv1Rn8X2Sopp5hSPpb0u0soEJ71BZAbxe4d2Y1d/1MYcxBdRKwncum6sCTsnxTpqQ/qvSJKlTQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@mdx-js/react": "^3.0.0",
"@storybook/csf-plugin": "10.2.17",
"@storybook/csf-plugin": "10.3.3",
"@storybook/icons": "^2.0.1",
"@storybook/react-dom-shim": "10.2.17",
"@storybook/react-dom-shim": "10.3.3",
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"ts-dedent": "^2.0.0"
@ -2924,13 +2924,13 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17"
"storybook": "^10.3.3"
}
},
"node_modules/@storybook/addon-themes": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-10.2.17.tgz",
"integrity": "sha512-5AJ6h/i967CEDG3DNstfgKo9ysDNIOb1pnbn8VbcD/Fw8D2dZm7pLkTAQOnxu6lFQaIU10DIiVp7cviBMasDUg==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/addon-themes/-/addon-themes-10.3.3.tgz",
"integrity": "sha512-6PgH1o7yNnWRVj4lAT1DNcX/eZXKgzjhfmzgWh3oFpPfDDvUzpFxx+MClM5f/ZieIbyQscxEuq8li7+e/F5VEQ==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -2941,13 +2941,13 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17"
"storybook": "^10.3.3"
}
},
"node_modules/@storybook/addon-vitest": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-10.2.17.tgz",
"integrity": "sha512-47mo952M/dHZQn1yTVMEUnri5KuIwWynPqamv6Q9KFXrSPOnBt/8IdrTcPUXFo5XO1ZmIWclgQjJtIvGe4z+ag==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/addon-vitest/-/addon-vitest-10.3.3.tgz",
"integrity": "sha512-9bbUAgraZhHh35WuWJn/83B0KvkcsP8dNpzbhssMeWQTfu92TR3DqRNeGTNSlyZvhbGfwiwT3TfBzzM4dX1feg==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -2962,7 +2962,7 @@
"@vitest/browser": "^3.0.0 || ^4.0.0",
"@vitest/browser-playwright": "^4.0.0",
"@vitest/runner": "^3.0.0 || ^4.0.0",
"storybook": "^10.2.17",
"storybook": "^10.3.3",
"vitest": "^3.0.0 || ^4.0.0"
},
"peerDependenciesMeta": {
@ -2981,13 +2981,13 @@
}
},
"node_modules/@storybook/builder-vite": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.2.17.tgz",
"integrity": "sha512-m/OBveTLm5ds/tUgHmmbKzgSi/oeCpQwm5rZa49vP2BpAd41Q7ER6TzkOoISzPoNNMAcbVmVc5vn7k6hdbPSHw==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/builder-vite/-/builder-vite-10.3.3.tgz",
"integrity": "sha512-awspKCTZvXyeV3KabL0id62mFbxR5u/5yyGQultwCiSb2/yVgBfip2MAqLyS850pvTiB6QFVM9deOyd2/G/bEA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@storybook/csf-plugin": "10.2.17",
"@storybook/csf-plugin": "10.3.3",
"ts-dedent": "^2.0.0"
},
"funding": {
@ -2995,14 +2995,14 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17",
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
"storybook": "^10.3.3",
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
}
},
"node_modules/@storybook/csf-plugin": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.2.17.tgz",
"integrity": "sha512-crHH8i/4mwzeXpWRPgwvwX2vjytW42zyzTRySUax5dTU8o9sjk4y+Z9hkGx3Nmu1TvqseS8v1Z20saZr/tQcWw==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/csf-plugin/-/csf-plugin-10.3.3.tgz",
"integrity": "sha512-Utlh7zubm+4iOzBBfzLW4F4vD99UBtl2Do4edlzK2F7krQIcFvR2ontjAE8S1FQVLZAC3WHalCOS+Ch8zf3knA==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -3015,7 +3015,7 @@
"peerDependencies": {
"esbuild": "*",
"rollup": "*",
"storybook": "^10.2.17",
"storybook": "^10.3.3",
"vite": "*",
"webpack": "*"
},
@ -3053,9 +3053,9 @@
}
},
"node_modules/@storybook/react-dom-shim": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.2.17.tgz",
"integrity": "sha512-x9Kb7eUSZ1zGsEw/TtWrvs1LwWIdNp8qoOQCgPEjdB07reSJcE8R3+ASWHJThmd4eZf66ZALPJyerejake4Osw==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/react-dom-shim/-/react-dom-shim-10.3.3.tgz",
"integrity": "sha512-lkhuh4G3UTreU9M3Iz5Dt32c6U+l/4XuvqLtbe1sDHENZH6aPj7y0b5FwnfHyvuTvYRhtbo29xZrF5Bp9kCC0w==",
"dev": true,
"license": "MIT",
"funding": {
@ -3065,13 +3065,13 @@
"peerDependencies": {
"react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0",
"storybook": "^10.2.17"
"storybook": "^10.3.3"
}
},
"node_modules/@storybook/vue3": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-10.2.17.tgz",
"integrity": "sha512-o0wTCgCmKA8/3naC4RbanW0WKl/F1bXs1QM9S6pAkqwg7CSfcRjkMXGMWq4Tb9q9B4UPoP61JQGdkkKPN5N+FA==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/vue3/-/vue3-10.3.3.tgz",
"integrity": "sha512-crlsH9mjwKg9i/5mVAf/PEqjkHa2FeNoXqfAGzQVelElLZ71R18dEBGGkqGpaHU2ziVlvYKSBWALAU5zT9UZQQ==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -3084,19 +3084,19 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17",
"storybook": "^10.3.3",
"vue": "^3.0.0"
}
},
"node_modules/@storybook/vue3-vite": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-10.2.17.tgz",
"integrity": "sha512-lwQld8w2w+B2xu+rguRn6uSur4gd9BPw2ZXkc1eALnxb5ftDUM3Z9Pylrm58KohCS3JiNFh8KJsu2b+ZxZ319Q==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/@storybook/vue3-vite/-/vue3-vite-10.3.3.tgz",
"integrity": "sha512-jVZIHutDBpYMx62CFDSPHUe5Y+uuabP5VBItrZbEPf8sqx4mcDXc6wsV0SYcYh7fw0q+5YVfYiGASkoVk3i/VA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@storybook/builder-vite": "10.2.17",
"@storybook/vue3": "10.2.17",
"@storybook/builder-vite": "10.3.3",
"@storybook/vue3": "10.3.3",
"magic-string": "^0.30.0",
"typescript": "^5.9.3",
"vue-component-meta": "^2.0.0",
@ -3107,8 +3107,8 @@
"url": "https://opencollective.com/storybook"
},
"peerDependencies": {
"storybook": "^10.2.17",
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0"
"storybook": "^10.3.3",
"vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0"
}
},
"node_modules/@storybook/vue3/node_modules/type-fest": {
@ -3145,18 +3145,17 @@
}
},
"node_modules/@testing-library/jest-dom": {
"version": "6.6.3",
"resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.6.3.tgz",
"integrity": "sha512-IteBhl4XqYNkM54f4ejhLRJiZNqcSCoXUOG2CPK7qbD322KjQozM4kHQOfkG2oln9b9HTYqs+Sae8vBATubxxA==",
"version": "6.9.1",
"resolved": "https://registry.npmjs.org/@testing-library/jest-dom/-/jest-dom-6.9.1.tgz",
"integrity": "sha512-zIcONa+hVtVSSep9UT3jZ5rizo2BsxgyDYU7WFD5eICBE7no3881HGeb/QkGfsJs6JTkY1aQhT7rIPC7e+0nnA==",
"dev": true,
"license": "MIT",
"dependencies": {
"@adobe/css-tools": "^4.4.0",
"aria-query": "^5.0.0",
"chalk": "^3.0.0",
"css.escape": "^1.5.1",
"dom-accessibility-api": "^0.6.3",
"lodash": "^4.17.21",
"picocolors": "^1.1.1",
"redent": "^3.0.0"
},
"engines": {
@ -3165,20 +3164,6 @@
"yarn": ">=1"
}
},
"node_modules/@testing-library/jest-dom/node_modules/chalk": {
"version": "3.0.0",
"resolved": "https://registry.npmjs.org/chalk/-/chalk-3.0.0.tgz",
"integrity": "sha512-4D3B6Wf41KOYRFdszmDqMCGq5VV/uMAB273JILmO+3jAlh8X4qDtdtgCR3fxtbLEMzSx22QdhnDcJvu2u1fVwg==",
"dev": true,
"license": "MIT",
"dependencies": {
"ansi-styles": "^4.1.0",
"supports-color": "^7.1.0"
},
"engines": {
"node": ">=8"
}
},
"node_modules/@testing-library/jest-dom/node_modules/dom-accessibility-api": {
"version": "0.6.3",
"resolved": "https://registry.npmjs.org/dom-accessibility-api/-/dom-accessibility-api-0.6.3.tgz",
@ -6285,9 +6270,9 @@
}
},
"node_modules/eslint-plugin-storybook": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.2.17.tgz",
"integrity": "sha512-LtzVBHcq+RbrhTnF1rFNpc5bmg/kmdDsw/6bIKOnyDY4r0g5ldZSNN3R/fxLrhFOL2DhmmDywN9lcFNqHCP3vQ==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/eslint-plugin-storybook/-/eslint-plugin-storybook-10.3.3.tgz",
"integrity": "sha512-jo8wZvKaJlxxrNvf4hCsROJP3CdlpaLiYewAs5Ww+PJxCrLelIi5XVHWOAgBvvr3H9WDKvUw8xuvqPYqAlpkFg==",
"dev": true,
"license": "MIT",
"dependencies": {
@ -6295,7 +6280,7 @@
},
"peerDependencies": {
"eslint": ">=8",
"storybook": "^10.2.17"
"storybook": "^10.3.3"
}
},
"node_modules/eslint-plugin-vue": {
@ -8010,13 +7995,6 @@
"url": "https://github.com/sponsors/sindresorhus"
}
},
"node_modules/lodash": {
"version": "4.17.23",
"resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.23.tgz",
"integrity": "sha512-LgVTMpQtIopCi79SJeDiP0TfWi5CNEc/L/aRdTh3yIvmZXTnheWpKjSZhnvMl8iXbC1tFg9gdHHDMLoV7CnG+w==",
"dev": true,
"license": "MIT"
},
"node_modules/lodash.merge": {
"version": "4.6.2",
"resolved": "https://registry.npmjs.org/lodash.merge/-/lodash.merge-4.6.2.tgz",
@ -10554,15 +10532,15 @@
}
},
"node_modules/storybook": {
"version": "10.2.17",
"resolved": "https://registry.npmjs.org/storybook/-/storybook-10.2.17.tgz",
"integrity": "sha512-yueTpl5YJqLzQqs3CanxNdAAfFU23iP0j+JVJURE4ghfEtRmWfWoZWLGkVcyjmgum7UmjwAlqRuOjQDNvH89kw==",
"version": "10.3.3",
"resolved": "https://registry.npmjs.org/storybook/-/storybook-10.3.3.tgz",
"integrity": "sha512-tMoRAts9EVqf+mEMPLC6z1DPyHbcPe+CV1MhLN55IKsl0HxNjvVGK44rVPSePbltPE6vIsn4bdRj6CCUt8SJwQ==",
"dev": true,
"license": "MIT",
"dependencies": {
"@storybook/global": "^5.0.0",
"@storybook/icons": "^2.0.1",
"@testing-library/jest-dom": "^6.6.3",
"@testing-library/jest-dom": "^6.9.1",
"@testing-library/user-event": "^14.6.1",
"@vitest/expect": "3.2.4",
"@vitest/spy": "3.2.4",

View file

@ -49,16 +49,16 @@
"vuetify": "^4.0.2"
},
"devDependencies": {
"@chromatic-com/storybook": "^5.0.1",
"@chromatic-com/storybook": "^5.0.2",
"@eslint/js": "^9.39.2",
"@formatjs/cli": "^6.13.1",
"@iconify-json/mdi": "^1.2.3",
"@pinia/colada-devtools": "^0.4.5",
"@storybook/addon-a11y": "^10.2.17",
"@storybook/addon-docs": "^10.2.17",
"@storybook/addon-themes": "^10.2.17",
"@storybook/addon-vitest": "^10.2.17",
"@storybook/vue3-vite": "^10.2.17",
"@storybook/addon-a11y": "^10.3.3",
"@storybook/addon-docs": "^10.3.3",
"@storybook/addon-themes": "^10.3.3",
"@storybook/addon-vitest": "^10.3.3",
"@storybook/vue3-vite": "^10.3.3",
"@testing-library/vue": "^8.1.0",
"@tsconfig/node22": "^22.0.5",
"@types/node": "^25.4.0",
@ -73,7 +73,7 @@
"eslint": "^9.39.2",
"eslint-config-prettier": "^10.1.8",
"eslint-plugin-formatjs": "^6.3.0",
"eslint-plugin-storybook": "^10.2.17",
"eslint-plugin-storybook": "^10.3.3",
"eslint-plugin-vue": "^10.8.0",
"happy-dom": "^20.8.3",
"msw": "^2.12.10",
@ -85,7 +85,7 @@
"prettier": "^3.8.1",
"sass": "^1.98.0",
"sass-embedded": "^1.98.0",
"storybook": "^10.2.17",
"storybook": "^10.3.3",
"typescript": "^5.9.3",
"unocss": "^66.6.6",
"unplugin-auto-import": "^21.0.0",

View file

@ -124,7 +124,6 @@ export default defineConfig(({ mode }) => ({
provider: playwright(),
instances: [{ browser: 'chromium' }],
},
setupFiles: ['.storybook/vitest.setup.ts'],
globals: true,
server: {
deps: {