import type { StorybookConfig } from "@storybook/vue3-vite";
import * as path from "path";
import * as initialize from "storybook-tailwind-foundations/initialize.js";

const tailwindConfigPath = path.join(__dirname, "../tailwind.config.js"); // or your own config file
initialize.default.default(tailwindConfigPath);

const config: StorybookConfig = {
  stories: [
    "../src/**/*.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)",
    "../node_modules/storybook-tailwind-foundations/**/*.stories.js",
  ],
  addons: [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/addon-interactions",
    "@storybook/addon-a11y",
    "storybook-addon-designs",
  ],
  framework: {
    name: "@storybook/vue3-vite",
    options: {},
  },
  staticDirs: [{ from: "../../server/vbv_lernwelt/static/icons", to: "/static/icons" }],
  docs: {
    autodocs: "tag",
  },
};
export default config;