varlet.default.config.ts

import { defineConfig } from './varlet.config.js'

const title = {
  'zh-CN': '面向 Vue3 的 Material 风格移动端组件库',
  'en-US': 'Material design mobile components built for Vue3',
}

const description = {
  'zh-CN':
    'Varlet 是一个基于 Vue3 开发的 Material 风格移动端组件库，全面拥抱 Vue3 生态，由社区团队维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验。',
  'en-US':
    'Varlet is a Material design mobile component library developed based on Vue3, developed and maintained by partners in the community. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
}

const keywords = {
  'zh-CN': 'Varlet,Vue3 移动端组件库,Material Design',
  'en-US': 'Varlet,Vue3 Mobile Components Library,Material Design',
}

export default defineConfig({
  name: 'Varlet',
  namespace: 'var',
  host: 'localhost',
  port: 8080,
  title: 'VARLET',
  logo: 'varlet_icon.png',
  defaultLanguage: 'zh-CN',
  highlight: {
    /**
     * @see https://highlightjs.org/
     */
    style: '//cdnjs.cloudflare.com/ajax/libs/highlight.js/10.3.2/styles/nord.min.css',
  },
  analysis: {
    baidu: '',
  },
  useMobile: false,
  pc: {
    title,
    description,
    keywords,
    menu: [],
    redirect: '/index',
    indexPage: {
      description,
      started: {
        'zh-CN': '快速开始',
        'en-US': 'Get Started',
      },
      viewOnGithub: {
        'zh-CN': '查看源码',
        'en-US': 'View On Github',
      },
      features: [
        {
          name: {
            'zh-CN': '组件丰富',
            'en-US': 'Rich components',
          },
          description: {
            'zh-CN': '提供 60+ 个高质量通用组件',
            'en-US': 'Provide 60+ high quality general purpose components',
          },
        },
        {
          name: {
            'zh-CN': '按需引入',
            'en-US': 'On-Demand',
          },
          description: {
            'zh-CN': '每一个组件都可单独引入，并有着良好的 tree-shaking 优化',
            'en-US': 'Each component can be imported separately and has good tree-shaking optimization',
          },
        },
        {
          name: {
            'zh-CN': '主题定制',
            'en-US': 'Theme customization',
          },
          description: {
            'zh-CN': '内置亮色和暗色两种主题，支持组件的样式自定义',
            'en-US': 'Built-in light and dark themes, support style customization of components',
          },
        },
        {
          name: {
            'zh-CN': '国际化',
            'en-US': 'Locale',
          },
          description: {
            'zh-CN': '内置国际化 API，内置中文和英文的语言包',
            'en-US': 'Built-in i18n API, which supports both Chinese and English languages by default',
          },
        },
        {
          name: {
            'zh-CN': '支持 Typescript',
            'en-US': 'Support typescript',
          },
          description: {
            'zh-CN': '使用 Typescript 构建，提供良好的组件类型系统',
            'en-US': 'Built with typescript, which provides a nice components type system',
          },
        },
        {
          name: {
            'zh-CN': '服务端渲染',
            'en-US': 'Server-side rendering',
          },
          description: {
            'zh-CN': '对服务端渲染支持良好，并对 Nuxt 进行了适配',
            'en-US': 'Good support for server-side rendering and adaptation to Nuxt',
          },
        },
        {
          name: {
            'zh-CN': '国人开发',
            'en-US': 'Developed by Chinese',
          },
          description: {
            'zh-CN': '由国人开发，完善的中英文文档和后勤保障',
            'en-US': 'Complete Chinese and English documentation and logistics support',
          },
        },
        {
          name: {
            'zh-CN': 'IDE 支持',
            'en-US': 'IDE Code Support',
          },
          description: {
            'zh-CN': '支持在 webstorm，vscode 中的组件语法高亮, 并提供 vscode 插件为开发提升效率',
            'en-US':
              'Supports to highlight the component syntax for webstorm and vscode, and provides a separate helper plugin for vscode',
          },
        },
        {
          name: {
            'zh-CN': '组件库快速成型工具',
            'en-US': 'Component library toolchain',
          },
          description: {
            'zh-CN': '开源了搭建本组件库的所有工具链，提供快速开发组件库的能力',
            'en-US':
              'Open-sourced the toolchain for building this component library, providing the ability to rapidly develop the component library',
          },
        },
      ],
      teamMembers: {
        label: {
          'zh-CN': '团队成员',
          'en-US': 'Team Members',
        },
        members: [
          {
            name: {
              'zh-CN': 'haoziqaq',
              'en-US': 'haoziqaq',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 核心团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/24223652',
            github: 'https://github.com/haoziqaq',
            twitter: 'https://twitter.com/haozijunqaq',
          },
          {
            name: {
              'zh-CN': 'BeADre',
              'en-US': 'BeADre',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 核心团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/34639100',
            github: 'https://github.com/BeADre',
          },
          {
            name: {
              'zh-CN': 'zhangmo8',
              'en-US': 'zhangmo8',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs & ikun-ui 核心团队成员',
              'en-US': 'Core team member of varletjs & ikun-ui',
            },
            avatar: 'https://avatars.githubusercontent.com/u/43628500',
            github: 'https://github.com/zhangmo8',
            twitter: 'https://twitter.com/wegi8666',
          },
          {
            name: {
              'zh-CN': 'chouchouji',
              'en-US': 'chouchouji',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 核心团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/70570907',
            github: 'https://github.com/chouchouji',
          },
          {
            name: {
              'zh-CN': 'tiny-dust',
              'en-US': 'tiny-dust',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 核心团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/49502875',
            github: 'https://github.com/tiny-dust',
          },
          {
            name: {
              'zh-CN': 'songjianet',
              'en-US': 'songjianet',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs & apache & w3c & naiveui & ikun-ui 团队成员',
              'en-US': 'Core team member of varletjs & apache & w3c & naiveui & ikun-ui',
            },
            avatar: 'https://avatars.githubusercontent.com/u/19239641',
            github: 'https://github.com/songjianet',
            twitter: 'https://twitter.com/songjianet',
          },
          {
            name: {
              'zh-CN': 'running snail',
              'en-US': 'running snail',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs & dcloud 团队成员',
              'en-US': 'Core team member of varletjs & dcloud',
            },
            avatar: 'https://avatars.githubusercontent.com/u/37523000',
            github: 'https://github.com/zhenyuWang',
          },
          {
            name: {
              'zh-CN': 'qytayh',
              'en-US': 'qytayh',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/39668309',
            github: 'https://github.com/qytayh',
          },
          {
            name: {
              'zh-CN': 'Erkelost',
              'en-US': 'Erkelost',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs & unplugin & farm & devui & wujie 团队成员',
              'en-US': 'Core team member of varletjs & unplugin & farm & devui & wujie',
            },
            avatar: 'https://avatars.githubusercontent.com/u/66500121',
            github: 'https://github.com/ErKeLost',
          },
          {
            name: {
              'zh-CN': 'EmberSpirit',
              'en-US': 'EmberSpirit',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/85718018',
            github: 'https://github.com/wangKBweb',
          },
          {
            name: {
              'zh-CN': 'ayangweb',
              'en-US': 'ayangweb',
            },
            title: {
              'zh-CN': '开源开发者 & B 站 UP 主',
              'en-US': 'Open Source Developer & Bilibili UP',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/75017711',
            github: 'https://github.com/ayangweb',
          },
          {
            name: {
              'zh-CN': 'jiechen66',
              'en-US': 'jiechen66',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/42862411',
            github: 'https://github.com/jiechen66',
          },
          {
            name: {
              'zh-CN': 'dyggod',
              'en-US': 'dyggod',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/49914353',
            github: 'https://github.com/dyggod',
          },
          {
            name: {
              'zh-CN': 'clen cat',
              'en-US': 'clen cat',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/37403253',
            github: 'https://github.com/a145789',
          },
          {
            name: {
              'zh-CN': 'gaoting',
              'en-US': 'gaoting',
            },
            title: {
              'zh-CN': '开源开发者',
              'en-US': 'Open Source Developer',
            },
            description: {
              'zh-CN': 'varletjs 团队成员',
              'en-US': 'Core team member of varletjs',
            },
            avatar: 'https://avatars.githubusercontent.com/u/7401170',
            github: 'https://github.com/gaoting',
          },
        ],
      },
      contributors: {
        label: {
          'zh-CN': '贡献者',
          'en-US': 'Contributors',
        },
        link: 'https://github.com/varletjs/varlet/graphs/contributors',
        image: 'https://contrib.rocks/image?repo=varletjs/varlet',
      },
      sponsors: {
        label: {
          'zh-CN': '赞助者',
          'en-US': 'Sponsors',
        },
        link: 'https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg',
        image: 'https://cdn.jsdelivr.net/gh/varletjs/varlet-static/sponsorkit/sponsors.svg',
      },
      license: {
        'zh-CN': '组件库基于 MIT 协议，您可以自由的使用和分享',
        'en-US': 'Released under the MIT License, You can use and share freely.',
      },
      copyright: {
        'zh-CN': 'Copyright © 2022 varletjs 组织成员以及 varlet 的贡献者们',
        'en-US': 'Copyright © 2022 varletjs member and varlet contributors.',
      },
    },
    header: {
      i18n: {
        'zh-CN': '中文',
        'en-US': 'English',
      },
      currentVersion: 'v3.x',
      versions: [
        {
          name: 'varlet.pages.dev',
          items: [
            {
              label: 'v3.x',
              link: 'https://varlet.pages.dev',
            },
            {
              label: 'v2.x',
              link: 'https://varlet.pages.dev/v2',
            },
          ],
        },
        {
          name: 'varletjs.vercel.app',
          items: [
            {
              label: 'v3.x',
              link: 'varlet-varletjs.vercel.app',
            },
            {
              label: 'v2.x',
              link: 'https://varlet-git-v2x-varletjs.vercel.app',
            },
          ],
        },
      ],
      github: 'https://github.com/varletjs/varlet',
      changelog: 'https://github.com/varletjs/varlet/blob/main/CHANGELOG.md',
      playground: 'https://varletjs.github.io/varlet/playground',
      themes: [
        { 'zh-CN': 'Md2 亮色', 'en-US': 'Md2 Light', value: 'lightTheme' },
        { 'zh-CN': 'Md2 暗色', 'en-US': 'Md2 Dark', value: 'darkTheme' },
        { 'zh-CN': 'Md3 亮色', 'en-US': 'Md3 Light', value: 'md3LightTheme' },
        { 'zh-CN': 'Md3 暗色', 'en-US': 'Md3 Dark', value: 'md3DarkTheme' },
      ],
    },
    clipboard: {
      'zh-CN': '代码已复制到剪切板',
      'en-US': 'The code has been copied to the clipboard',
    },
    fold: {
      defaultFold: false,
      foldHeight: 50,
    },
    htmlInject: {
      head: [],
      body: [],
    },
  },
  mobile: {
    title,
    description,
    keywords,
    redirect: '/home',
    header: {
      i18n: {
        'zh-CN': '中文',
        'en-US': 'English',
      },
      github: 'https://github.com/varletjs/varlet',
      themes: [
        { 'zh-CN': 'Md2 亮色', 'en-US': 'Md2 Light', value: 'lightTheme' },
        { 'zh-CN': 'Md2 暗色', 'en-US': 'Md2 Dark', value: 'darkTheme' },
        { 'zh-CN': 'Md3 亮色', 'en-US': 'Md3 Light', value: 'md3LightTheme' },
        { 'zh-CN': 'Md3 暗色', 'en-US': 'Md3 Dark', value: 'md3DarkTheme' },
      ],
    },
    htmlInject: {
      head: [],
      body: [],
    },
  },
  themeKey: 'VARLET_V3_THEME',
  defaultLightTheme: 'md3LightTheme',
  defaultDarkTheme: 'md3DarkTheme',
  lightTheme: {
    'color-body': '#fff',
    'color-index-page-background': '#fff',
    'color-index-page-get-started-button': '#3a7afe',
    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #8baff8 50%, #84e0ff 50%)',
    'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
    'color-index-page-divider-color': '#ddd',
    'card-border-radius': '12px',
    'code-example-border-radius': '8px',
    'color-bar': '#fff',
    'color-text': '#555',
    'color-sub-text': '#888',
    'color-border': 'rgba(0, 0, 0, 0.12)',
    'color-shadow': '#eee',
    'color-introduce-border': '#2196f3',
    'color-primary': '#2196f3',
    'color-link': '#00c48f',
    'color-type': '#00c48f',
    'color-loading-bar': '#1d92e9',
    'color-side-bar': '#3a7afe',
    'color-side-bar-active-background': '#3a7afe1a',
    'color-app-bar': '#3a7afe',
    'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
    'color-mobile-cell-hover': '#3a7afe',
    'color-pc-language-active': '#3a7afe',
    'color-pc-language-active-background': '#edf5ff',
    'color-mobile-language-active': '#3a7afe',
    'color-mobile-language-active-background': '#edf5ff',
    'color-pc-theme-active': '#3a7afe',
    'color-pc-theme-active-background': '#edf5ff',
    'color-mobile-theme-active': '#3a7afe',
    'color-mobile-theme-active-background': '#edf5ff',
    'color-mobile-body': '#fff',
    'color-hl-background': '#fafafa',
    'color-hl-code': '#58727e',
    'color-hl-border': '#f3f3f3',
    'color-hl-group-a': '#7c7c7c',
    'color-hl-group-b': '#2196f3',
    'color-hl-group-c': '#ff9422',
    'color-hl-group-d': '#58c193',
    'color-hl-group-e': '#ff9422',
    'color-hl-group-f': '#ff9422',
    'color-hl-group-g': '#ff9422',
    'color-hl-group-h': '#06a6e9',
    'color-hl-group-i': '#2196f3',
  },
  darkTheme: {
    'color-body': '#121212',
    'color-index-page-background': '#1e1e1e',
    'color-index-page-feature-background': '#303030',
    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #729dfc 50%, #6859f4 50%)',
    'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
    'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
    'card-border-radius': '12px',
    'code-example-border-radius': '8px',
    'color-bar': '#1e1e1e',
    'color-text': '#fff',
    'color-sub-text': '#aaa',
    'color-border': '#333',
    'color-shadow': '#121212',
    'color-introduce-border': '#555',
    'color-primary': '#96cbfe',
    'color-link': '#A8FFC4',
    'color-type': '#A8FFC4',
    'color-loading-bar': '#5580f8',
    'color-side-bar': '#4a7afe',
    'color-side-bar-active-background': '#4a7afe1a',
    'color-app-bar': '#272727',
    'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
    'color-mobile-cell-hover': '#4a7afe',
    'color-pc-language-active': '#4a7afe',
    'color-pc-language-active-background': '#4a7afe20',
    'color-mobile-language-active': '#4a7afe',
    'color-mobile-language-active-background': '#4a7afe20',
    'color-pc-theme-active': '#4a7afe',
    'color-pc-theme-active-background': '#4a7afe20',
    'color-mobile-theme-active': '#4a7afe',
    'color-mobile-theme-active-background': '#4a7afe20',
    'color-mobile-body': '#1e1e1e',
    'color-hl-background': '#272727',
    'color-hl-code': '#fff',
    'color-hl-border': '#272727',
    'color-hl-group-a': '#7c7c7c',
    'color-hl-group-b': '#96cbfe',
    'color-hl-group-c': '#ff7b1e',
    'color-hl-group-d': '#A8FFC4',
    'color-hl-group-e': '#ff7b1e',
    'color-hl-group-f': '#ff7b1e',
    'color-hl-group-g': '#ff7b1e',
    'color-hl-group-h': '#14a6e9',
    'color-hl-group-i': '#96cbfe',
  },
  md3LightTheme: {
    'color-body': '#fff',
    'color-index-page-background': '#fff',
    'color-index-page-feature-background': '#fff',
    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #8baff8 50%, #84e0ff 50%)',
    'color-index-page-second-text-color': 'rgba(60, 60, 60, .7)',
    'color-index-page-divider-color': '#ddd',
    'card-border-radius': '12px',
    'code-example-border-radius': '8px',
    'color-bar': '#fff',
    'color-text': '#555',
    'color-sub-text': '#888',
    'color-border': 'rgba(0, 0, 0, 0.12)',
    'color-shadow': '#eee',
    'color-introduce-border': '#6750A4',
    'color-primary': '#6750A4',
    'color-link': '#536525',
    'color-type': '#536525',
    'color-loading-bar': '#6750A4',
    'color-side-bar': '#6750A4',
    'color-side-bar-active-background': '#E8DEF8',
    'color-app-bar': '#6750A4',
    'color-nav-button-hover-background': 'rgba(0, 0, 0, 0.08)',
    'color-mobile-cell-hover': '#6750A4',
    'color-pc-language-active': '#6750A4',
    'color-pc-language-active-background': '#E8DEF8',
    'color-mobile-language-active': '#6750A4',
    'color-mobile-language-active-background': '#E8DEF8',
    'color-pc-theme-active': '#6750A4',
    'color-pc-theme-active-background': '#E8DEF8',
    'color-mobile-theme-active': '#6750A4',
    'color-mobile-theme-active-background': '#E8DEF8',
    'color-mobile-body': '#FEF7FF',
    'color-hl-background': '#fafafa',
    'color-hl-code': '#58727e',
    'color-hl-border': '#f3f3f3',
    'color-hl-group-a': '#7c7c7c',
    'color-hl-group-b': '#6750A4',
    'color-hl-group-c': '#7D5260',
    'color-hl-group-d': '#B3261E',
    'color-hl-group-e': '#7D5260',
    'color-hl-group-f': '#7D5260',
    'color-hl-group-g': '#7D5260',
    'color-hl-group-h': '#633B48',
    'color-hl-group-i': '#633B48',
  },
  md3DarkTheme: {
    'color-body': '#050505',
    'color-index-page-background': '#1e1e1e',
    'color-index-page-feature-background': '#303030',
    'color-index-page-logo-mask-background': 'linear-gradient(-45deg, #729dfc 50%, #6859f4 50%)',
    'color-index-page-second-text-color': 'rgba(255, 255, 255, .75)',
    'color-index-page-divider-color': 'rgba(84, 84, 84, .8)',
    'card-border-radius': '12px',
    'code-example-border-radius': '8px',
    'color-bar': '#1e1e1e',
    'color-text': '#fff',
    'color-sub-text': '#aaa',
    'color-border': '#333',
    'color-shadow': '#090909',
    'color-introduce-border': '#555',
    'color-primary': '#D0BCFF',
    'color-link': '#BACF83',
    'color-type': '#BACF83',
    'color-loading-bar': '#D0BCFF',
    'color-side-bar': '#D0BCFF',
    'color-side-bar-active-background': '#4A4458',
    'color-app-bar': '#211F26',
    'color-nav-button-hover-background': 'rgba(255, 255, 255, 0.08)',
    'color-mobile-cell-hover': '#D0BCFF',
    'color-pc-language-active': '#D0BCFF',
    'color-pc-language-active-background': '#4A4458',
    'color-mobile-language-active': '#D0BCFF',
    'color-mobile-language-active-background': '#4A4458',
    'color-pc-theme-active': '#D0BCFF',
    'color-pc-theme-active-background': '#4A4458',
    'color-mobile-theme-active': '#D0BCFF',
    'color-mobile-theme-active-background': '#4A4458',
    'color-mobile-body': '#141218',
    'color-hl-background': '#272727',
    'color-hl-code': '#fff',
    'color-hl-border': '#272727',
    'color-hl-group-a': '#7c7c7c',
    'color-hl-group-b': '#D0BCFF',
    'color-hl-group-c': '#EFB8C8',
    'color-hl-group-d': '#F2B8B5',
    'color-hl-group-e': '#EFB8C8',
    'color-hl-group-f': '#EFB8C8',
    'color-hl-group-g': '#EFB8C8',
    'color-hl-group-h': '#EFB8C8',
    'color-hl-group-i': '#EFB8C8',
  },
  icons: {
    name: 'varlet-icons',
    namespace: 'var-icon',
    fontStyle: 'normal',
    fontWeight: 'normal',
    fontFamilyClassName: 'var-icon--set',
    base64: true,
  },
  esbuild: {
    target: 'es2016',
  },
  directives: [],
})