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, './'),
        'tiptap-markdown': path.resolve(__dirname, 'node_modules/tiptap-markdown/dist/tiptap-markdown.es.js'),
      },
    },
    css: {
      postcss: {
        plugins: [tailwindcss(), autoprefixer()],
      },
    },
    ssr: {
      noExternal: ['tiptap-markdown', /^@tiptap\//],
    },
    optimizeDeps: {
      include: [
        'tiptap-markdown',
        '@tiptap/vue-3',
        '@tiptap/starter-kit',
        '@tiptap/extension-placeholder',
      ],
    },
  },
  plugins: [HstVue()],
})