export default {
  stories: ['../stories/**/*.stories.@(js|jsx|ts|tsx)'],
  addons: [
    '@storybook/addon-links',
    '@storybook/addon-docs',
    '@storybook/addon-vitest',
    '@storybook/addon-a11y',
    '@chromatic-com/storybook'
  ],
  staticDirs: ['../public'],
  framework: {
    name: '@storybook/html-vite',
    options: {}
  },
  async viteFinal(config) {
    config.css ??= {};
    config.css.preprocessorOptions ??= {};
    config.css.preprocessorOptions.scss = { api: 'modern-compiler' };
    return config;
  }
};