cherrypick/packages/frontend/.storybook/preview.ts
2023-03-20 16:13:07 +09:00

39 lines
839 B
TypeScript

import { type Preview, setup } from '@storybook/vue3';
import { initialize, mswDecorator } from 'msw-storybook-addon';
import locale from './locale';
import theme from './theme';
import '../src/style.scss';
initialize();
localStorage.setItem("locale", JSON.stringify(locale));
Promise.all([
import('../src/components'),
import('../src/directives'),
import('../src/widgets'),
import('../src/scripts/theme').then(({ applyTheme }) => applyTheme(theme)),
]).then(([{ default: components }, { default: directives }, { default: widgets }]) => {
setup((app) => {
components(app);
directives(app);
widgets(app);
});
});
const preview = {
decorators: [
mswDecorator,
],
parameters: {
layout: 'centered',
},
argTypes: {
default: {
control: {
type: 'text',
},
},
},
} satisfies Preview;
export default preview;