import docTools, { defineConfig } from "@modern-js/doc-tools";
import path from "path";

export default defineConfig({
  doc: {
    root: path.join(__dirname, "docs"),
    themeConfig: {
      nav: [
        {
          text: "介绍",
          link: "introduce",
        },
        // {
        //   text: "React原理",
        //   link: "library",
        // },
        // {
        //   text: "基础篇",
        //   link: "base",
        // },
        {
          text: "进阶篇",
          link: "improve",
        },
        // {
        //   text: "高频篇",
        //   link: "high-frequency",
        // },
        // {
        //   text: "精选篇",
        //   link: "excellent",
        // },
        // {
        //   text: "手写篇",
        //   link: "handwritten",
        // },
        // {
        //   text: "原理篇",
        //   link: "principle",
        // },
        {
          text: "训练题",
          link: "day",
        },
        // {
        //   text: "面经篇",
        //   link: "interview",
        // },
      ],
      sidebar: {
        library: [
          {
            text: "day01",
            link: "/library/01",
            items: [],
          },
          {
            text: "day02",
            link: "/library/02",
            items: [],
          },
          {
            text: "day03",
            link: "/library/03",
            items: [],
          },
          {
            text: "day04",
            link: "/library/04",
            items: [],
          },
          {
            text: "day05",
            link: "/library/05",
            items: [],
          },
          {
            text: "day06",
            link: "/library/06",
            items: [],
          },
          {
            text: "day07",
            link: "/library/07",
            items: [],
          },
          {
            text: "day08",
            link: "/library/08",
            items: [],
          },
          {
            text: "day09",
            link: "/library/09",
            items: [],
          },
          {
            text: "day10",
            link: "/library/10",
            items: [],
          },
        ],
        excellent: [
          {
            text: "1 HTML模块",
            items: [
              {
                text: "如何理解HTML语义化",
                link: "/",
              },
              {
                text: "H5的新特性有哪些",
                link: "/",
              },
            ],
          },
          {
            text: "2 CSS模块",
            items: [],
          },
          {
            text: "3 JS模块",
            items: [],
          },
          {
            text: "4 ES6模块",
            items: [],
          },
          {
            text: "5 浏览器模块",
            items: [],
          },
          {
            text: "6 React模块",
            items: [],
          },
          {
            text: "7 Vue模块",
            items: [],
          },
          {
            text: "8 Node模块",
            items: [],
          },
          {
            text: "9 前端工程相关",
            items: [],
          },
          {
            text: "10 移动多端开发",
            items: [],
          },
          {
            text: "11 小程序模块",
            items: [],
          },
          {
            text: "12 前端安全模块",
            items: [],
          },
          {
            text: "13 性能优化相关",
            items: [],
          },
          {
            text: "14 HTTP模块",
            items: [],
          },
          {
            text: "15 常用设计模式",
            items: [],
          },
          {
            text: "16 框架通识",
            items: [],
          },
          {
            text: "17 排序算法",
            items: [],
          },
          {
            text: "18 计算机通识",
            items: [],
          },
        ],
        interview: [
          {
            text: "1 HTML模块",
            items: [
              {
                text: "如何理解HTML语义化",
                link: "/",
              },
            ],
          },
          {
            text: "2 css模块",
            items: [
              {
                text: "如何理解HTML语义化",
                link: "/",
              },
            ],
          },
        ],
        improve: [
          {
            text: "JavaScript基础",
            link: "/improve",
            items: [
              {
                text: "01 常用数据类型",
                link: "/improve/01",
              },
              {
                text: "02 数据类型检测方式",
                link: "/improve/02",
              },
              {
                text: "03 数据类型转换",
                link: "/improve/03",
              },
              {
                text: "04 this上下文",
                link: "/improve/04",
              },
              {
                text: "05 变量提升",
                link: "/improve/05",
              },
              {
                text: "06 作用域",
                link: "/improve/06",
              },
              {
                text: "07 闭包",
                link: "/improve/07",
              },
              {
                text: "08 new关键字原理",
                link: "/improve/08",
              },
              {
                text: "09 原型/原型链",
                link: "/improve/09",
              },
              {
                text: "10 继承",
                link: "/improve/10",
              },
              {
                text: "11 面向对象",
                link: "/improve/11",
              },
              {
                text: "12 事件机制",
                link: "/improve/12",
              },
            ],
          },
        ],
      },
      outlineTitle: "目录",
      prevPageText: "上一页",
      nextPageText: "下一页",
      footer: {
        message: "版权所有",
      },
    },
    // title: "前端面试资源",
    title: "个人笔记",
    icon: "https://www.rspack.dev/static/image/logo.3e9ad8f8.png",
  },
  plugins: [docTools()],
});