import { defineConfig } from 'vitepress';
import { defineConfig as defineViteConfig } from 'vite';
import vueJsx from '@vitejs/plugin-vue-jsx'
import { join } from 'path';

export default defineConfig({
  lang: 'en-US',
  title: 'Schlechtenburg',
  description: 'Experimental WYSIWYG editor framework made with Vue 3 and TypeScript',
  lastUpdated: true,

  themeConfig: {
    sidebar: [
      {
        text: 'User Guide',
        items: [
          { text: 'Introduction', link: '/' },
          { text: 'Try it out', link: '/try' },
          { text: 'Why Schlechtenburg?', link: '/why' },
          { text: 'Installation and usage', link: '/installation' },
        ]
      },
      {
        text: 'Creating Blocks',
        items: [
          { text: 'Basics', link: '/creating-blocks/' },
          { text: 'Examples', link: '/creating-blocks/examples' },
        ]
      }
    ]
  },

  vite: defineViteConfig({
    plugins: [
      vueJsx(),
    ],
    resolve: {
      alias: {
        '@schlechtenburg/core': join(__dirname, '../../packages/core/lib/index.ts'),
        '@schlechtenburg/paragraph': join(__dirname, '../../packages/paragraph/lib/index.ts'),
        '@schlechtenburg/heading': join(__dirname, '../../packages/heading/lib/index.ts'),
        '@schlechtenburg/image': join(__dirname, '../../packages/image/lib/index.ts'),
        '@schlechtenburg/layout': join(__dirname, '../../packages/layout/lib/index.ts'),
      },
    },
  }),
});