import { config } from 'dotenv'
import { resolve } from 'path'
import { defineConfig, HeadConfig } from 'vitepress'
import head from './head'
import WindiCSS from 'vite-plugin-windicss'
import Components from 'unplugin-vue-components/vite'

config({ path: resolve(__dirname, '.env') })

export default defineConfig({
  title: 'Vue Flow',
  lastUpdated: true,
  srcDir: './src',
  head: head as HeadConfig[],

  vite: {
    plugins: [
      WindiCSS({
        config: resolve(__dirname, './windi.config.ts'),
      }) as any,
      Components({
        dirs: [
          resolve(__dirname, './components')
        ],
        deep: true,
        // allow auto load markdown components under `./src/components/`
        extensions: ['vue', 'md'],
        // allow auto import and register components used in markdown
        include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
        dts: false,
      }),
    ],
  },

  themeConfig: {
    repo: 'bcakmakoglu/vue-flow',
    docsDir: 'docs',
    docsBranch: 'master',
    lastUpdated: 'Last Updated',

    algolia: {
      appId: 'YCY25RSLA8',
      apiKey: process.env.ALGOLIA_API_KEY,
      indexName: (process.env.NODE_ENV !== 'production' ? 'dev_' : 'prod_') + 'VUE-FLOW',
    },

    nav: [
      { text: 'Guide', link: '/', activeMatch: '^/$|^/guide/' },
      {
        text: 'Config Reference',
        link: '/config/basics',
        activeMatch: '^/config/',
      },
    ],
  },

  markdown: {
    config(md) {
      return md
    },
  },
})