@violetprotocol/nudge-components/.storybook/main.ts

Components for Nudge's websites and applications.

import type { StorybookConfig } from "@storybook/react-vite";
import { mergeConfig } from "vite";
import tailwindConfig from "../tailwind.config.ts";

const config: StorybookConfig = {
  stories: ["../src/**/*.stories.@(ts|tsx)"],
  addons: [
    "@storybook/addon-onboarding",
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@chromatic-com/storybook",
    "@storybook/addon-interactions",
    "@storybook/addon-themes",
  ],
  framework: {
    name: "@storybook/react-vite",
    options: {},
  },
  docs: {
    autodocs: "tag",
  },
  async viteFinal(config) {
    return mergeConfig(config, {
      css: {
        postcss: {
          plugins: [
            require("tailwindcss")(tailwindConfig),
            require("autoprefixer"),
          ],
        },
      },
    });
  },
};

export default config;