import { defineConfig } from 'vitepress'
import { demoBlockPlugin } from 'vitepress-theme-demoblock'

export default defineConfig({
  title: 'COMMON-UI',
  description: 'Just playing around.',
  lang: 'cn-ZH',
  base: '/',
  lastUpdated: true,
  themeConfig: {
    siteTitle: 'AIoT前端基础组件文档',
    outline: 3,
    socialLinks: [
      { icon: 'github', link: 'https://github.com/wocwin/common-ui' }
    ],
    nav: [
      {
        text: '安装指南',
        link: '/components/'
      },
      { text: '基础组件', link: '/components/icon/base.md' },
    ],
    sidebar: {
      '/components': [
        {
          text: '常用组件',
          items: [
            { text: '图标:svg-icon', link: '/components/icon/base.md' },
            { text: '下拉选择:common-select', link: '/components/select/base.md' },
            { text: '简单表格:common-form', link: '/components/form/base.md' },
            { text: '卡片:common-card', link: '/components/card/base.md' },
            { text: '面包屑:common-bread', link: '/components/bread/base.md' },
            { text: '弹窗:common-dialog', link: '/components/dialog/base.md' },
            { text: '抽屉:common-drawer', link: '/components/drawer/base.md' },
            { text: '搜索模块:common-search', link: '/components/search/base.md' },
            { text: '树:common-tree', link: '/components/tree/base.md' },
          ]
        },
        {
          text: '复杂组件',
          items: [
            { text: '整体布局:common-layer', link: '/components/layer/base.md' },
            { text: '页面框架:common-panel', link: '/components/panel/base.md' },
            { text: '描述信息:common-info', link: '/components/info/base.md' },
            { text: '表格布局:common-page-panel', link: '/components/page-panel/base.md' },
            { text: '复杂表单:common-complex-form', link: '/components/complex-form/base.md' },
          ]
        }
      ]
    }
  },
  markdown: {
    headers: {
      level: [0, 0]
    },
    // light: #f9fafb, dark: --vp-code-block-bg
    theme: { light: 'github-light', dark: 'github-dark' },
    config(md) {
      md.use(demoBlockPlugin, {
        customClass: 'demoblock-custom'
      })
    }
  }
  
})