bert.hausmans/crewli
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: add Storybook 10 setup with PrimeVue + Tailwind integration

Browse Source 
Installs Storybook 10.4 in apps/app/ as a component-development and
autodoc tool. Configures viteFinal with all seven SPA aliases so
stories resolve imports identically to the dev/build pipeline.
preview.ts reuses @/plugins/primevue's installPrimeVue() so Storybook
stays in lock-step with main.ts whenever the PrimeVue config changes.

Only the addons we need are wired: addon-docs (autodocs) and
addon-a11y (axe-core checks). addon-interactions is intentionally
omitted — interaction testing stays in Playwright CT per the testing
architecture.

Seed stories: PrimeVue Button (Primary/Secondary/Danger), Tailwind
utility box, and FormField (Default/WithError/Disabled) wrapped in
@primevue/forms Form + Zod resolver.

Adds make storybook target alongside make app / make docs.
This commit is contained in:
bert.hausmans
2026-05-14 11:50:21 +02:00
parent e36f57b8e1
commit ebb8e3bcf6
9 changed files with 1489 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
apps/app/package.json
View File

@@ -18,7 +18,9 @@
"test:component": "playwright test --config=playwright-ct.config.ts",
"test:e2e": "playwright test --config=playwright.config.ts",
"test:visual": "playwright test --config=playwright-ct.config.ts --grep @visual",
"test:visual:update": "playwright test --config=playwright-ct.config.ts --grep @visual --update-snapshots"
"test:visual:update": "playwright test --config=playwright-ct.config.ts --grep @visual --update-snapshots",
"storybook": "storybook dev --port 6006",
"build-storybook": "storybook build --output-dir storybook-static"
},
"dependencies": {
"@casl/ability": "6.7.3",
@@ -96,6 +98,9 @@
"@pinia/testing": "^1.0.3",
"@playwright/experimental-ct-vue": "^1.59.1",
"@playwright/test": "^1.59.1",
"@storybook/addon-a11y": "^10.4.0",
"@storybook/addon-docs": "^10.4.0",
"@storybook/vue3-vite": "^10.4.0",
"@stylistic/eslint-plugin-js": "0.0.4",
"@stylistic/eslint-plugin-ts": "0.0.4",
"@stylistic/stylelint-config": "1.0.1",
@@ -150,6 +155,7 @@
"postcss-scss": "4.0.9",
"sass": "1.76.0",
"shiki": "1.29.2",
"storybook": "^10.4.0",
"stylelint": "16.8.0",
"stylelint-config-idiomatic-order": "10.0.0",
"stylelint-config-standard-scss": "13.1.0",
@@ -182,4 +188,4 @@
"msw": {
"workerDirectory": "public"
}
}
}