import type { StorybookConfig } from '@storybook/web-components-vite';

import { nxViteTsPaths } from '@nx/vite/plugins/nx-tsconfig-paths.plugin';
import { mergeConfig } from 'vite';


const config: StorybookConfig = {
  stories: [
    
    '../src/lib/**/*.stories.@(js|jsx|ts|tsx|mdx)'
  ],
  addons: ['@storybook/addon-essentials' , '@storybook/addon-interactions' ],
  framework: {
    name: '@storybook/web-components-vite',
    options: {
      
    },
  },
  
  viteFinal: async (config) =>
    mergeConfig(config, {
      plugins: [nxViteTsPaths()],
    }),
  
};

export default config;




// To customize your Vite configuration you can use the viteFinal field.
// Check https://storybook.js.org/docs/react/builders/vite#configuration
// and https://nx.dev/packages/storybook/documents/custom-builder-configs