@varlet/cli
Version:
cli of varlet
741 lines (740 loc) • 32.4 kB
JavaScript
import { defineConfig } from './varlet.config.js';
export default defineConfig({
name: 'Varlet',
namespace: 'var',
host: 'localhost',
port: 8080,
title: 'VARLET',
logo: 'varlet_icon.png',
defaultLanguage: 'zh-CN',
themeKey: 'VARLET_V3_THEME',
defaultLightTheme: 'md3LightTheme',
defaultDarkTheme: 'md3DarkTheme',
useMobile: false,
_cf: ['pages.dev', 'varletjs.org'],
analysis: { baidu: '' },
pc: {
title: {
'zh-CN': 'Varlet UI - Vue3 Material Design 组件库',
'en-US': 'Varlet UI - Vue3 Material Design Component Library',
},
menu: [],
redirect: '/index',
indexPage: {
description: {
'zh-CN': 'Varlet UI 是一个基于 Vue3 开发的 Material Design 组件库，全面拥抱 Vue3 生态，支持移动端和桌面端，由 varletjs 组织维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件保障良好的开发体验。',
'en-US': 'Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
},
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: 'varletjs.org',
items: [
{
label: 'v3.x',
link: 'https://varletjs.org',
},
{
label: 'v2.x',
link: 'https://varletjs.org/v2',
},
],
},
{
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: 'https://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.org/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: {
'zh-CN': 'Varlet UI - Vue3 Material Design 组件库',
'en-US': 'Varlet UI - Vue3 Material Design Component Library',
},
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: [],
},
},
seo: {
title: 'Varlet UI - Vue3 Material Design Component Library',
description: 'Varlet UI is a Material design component library developed based on Vue3, supporting mobile and desktop, developed and maintained by varletjs organization. Support Typescript, import on demand, dark mode, theme customization, internationalization, and provide VSCode plugin to ensure a good development experience.',
keywords: [
'Varlet',
'Varlet UI',
'varlet',
'varlet-ui',
'UI',
'Vue3 Mobile Components Library',
'Material Design 2',
'Material Design 3',
'Mobile',
'Desktop',
'Provide 60+ high quality general purpose components',
'Components are very lightweight',
'Developed by Chinese, complete Chinese and English documentation and logistics support',
'Support on-demand introduction',
'Support theme customization',
'Support internationalization',
'Support WebStorm syntax highlighting',
'Support the SSR',
'Support Nuxt Module',
'Support the Typescript',
'Make sure more than 90 percent unit test coverage, providing stability assurance',
'Supports both Material Design 2 and Material Design 3 design systems',
'Support dark mode',
'Provide official VSCode extension',
'Support Accessibility (still improving)',
'Vue3 组件库',
'移动端',
'桌面端',
'提供 60+ 个高质量通用组件',
'组件十分轻量',
'由国人开发，完善的中英文文档和后勤保障',
'支持按需引入',
'支持主题定制',
'支持国际化',
'支持 webstorm 组件属性高亮',
'支持 SSR',
'支持 Nuxt Module',
'支持 Typescript',
'提供官方的 VSCode 插件',
'支持无障碍访问（持续改进中）',
].join(','),
},
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: [],
});