- Install Storybook 10 with @storybook/react-vite framework - Fix React Router Vite plugin conflict by filtering it out in viteFinal (reactRouter() returns a plugin array, so the filter must flatten first) - Integrate Storybook stories as a vitest browser project via @storybook/addon-vitest - Point stories glob at app/ instead of scaffold stories/ dir - Remove unused @chromatic-com/storybook and @storybook/addon-onboarding addons - Clean up duplicate __dirname in vitest.config.ts Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
23 lines
No EOL
565 B
TypeScript
23 lines
No EOL
565 B
TypeScript
import { withRouter } from 'storybook-addon-remix-react-router';
|
|
import type { Preview } from '@storybook/react-vite'
|
|
|
|
const preview: Preview = {
|
|
decorators: [withRouter], // This wraps all stories in a Router context
|
|
parameters: {
|
|
controls: {
|
|
matchers: {
|
|
color: /(background|color)$/i,
|
|
date: /Date$/i,
|
|
},
|
|
},
|
|
|
|
a11y: {
|
|
// 'todo' - show a11y violations in the test UI only
|
|
// 'error' - fail CI on a11y violations
|
|
// 'off' - skip a11y checks entirely
|
|
test: 'todo'
|
|
}
|
|
},
|
|
};
|
|
|
|
export default preview; |