cherrypick/packages/frontend/.storybook/preview.ts

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;