import { defineConfig } from 'histoire'
import { HstVue } from '@histoire/plugin-vue'
import vue from '@vitejs/plugin-vue'
import tailwindcss from 'tailwindcss'
import autoprefixer from 'autoprefixer'
import path from 'path'

export default defineConfig({
  setupFile: './histoire.setup.ts',
  vite: {
    plugins: [vue()],
    resolve: {
      alias: {
        '@': path.resolve(__dirname, './'),
      },
    },
    css: {
      postcss: {
        plugins: [tailwindcss(), autoprefixer()],
      },
    },
  },
  plugins: [HstVue()],
})