@varlet/cli 3.14.2 → 3.15.0-alpha.1776606769606

package/README.md

@@ -20,6 +20,33 @@ The out-of-the-box `Vue3 component library` rapid prototyping tool provides a se
 - 🌍  Support `Internationalization`
 - 🚀  Based on `pnpm`
 
+### Recommended toolchain
+
+Under Varlet’s current **component-library toolchain**, we recommend combining **`@varlet/cli`**, **[vite-plus](https://viteplus.dev/)** (`vp`), and **rattail** (`rt`, npm package `rattail`): `@varlet/cli` covers first-party library workflows (docs, compile, tests, …), `vp` covers lint/format and app/extension build entrypoints aligned with the Ox/Rolldown stack, and `rt` covers `clean`, git hooks, `changelog`, `release`, `commit-lint`, and similar automation. Use this trio for **new libraries**, **scaffold upgrades**, or whenever you re-run **`varlet-cli gen`** to match the latest template.
+
+| Piece | Role |
+| --- | --- |
+| **`@varlet/cli`** | First-party Varlet workflows: `create`, `gen`, `dev`, `build`, `preview`, `compile`, `compile:style-vars`, `build:icons`, `test`, … |
+| **[vite-plus](https://viteplus.dev/)** (`vp`) | Lint, format, app/extension `build`/`dev`/`preview`, and other toolchain entrypoints aligned with the Ox/Rolldown stack |
+| **rattail** (`rt`, npm package `rattail`) | `clean`, git hooks, `changelog`, `release`, `commit-lint`, and other repo automation |
+
+After upgrading `@varlet/cli`, you can align an existing app with the **latest built-in template** by running **`varlet-cli gen`** again from the parent directory (commit or back up first; `gen` may overwrite generated files).
+
+### Legacy subcommands (prefer alternatives)
+
+These subcommands **still run** for backward compatibility and may print a deprecation notice. **Do not rely on them in new scripts or new projects** — prefer `vp` / `rt` (or `vr` where documented). Any future changes will be called out in release notes.
+
+| Command | Use instead |
+| --- | --- |
+| `varlet-cli dev:vite` | `vp dev` |
+| `varlet-cli build:vite` | `vp build` |
+| `varlet-cli dev:extension` | `vp pack --watch` (with a local `vite.config.ts` for the extension) |
+| `varlet-cli build:extension` | `vp pack` |
+| `varlet-cli commit-lint` | `rt commit-lint` |
+| `varlet-cli checklist` | _(no direct replacement; optional manual checklist in docs)_ |
+| `varlet-cli changelog` | `rt changelog` |
+| `varlet-cli release` | `rt release` (or `vr release` from `@varlet/release`) |
+
 ### Quickstart
 
 `@varlet/cli` has built-in `sfc` and `tsx` style component library project templates, which can be generated directly by the `gen` command.
@@ -157,20 +184,6 @@ varlet-cli compile
 varlet-cli compile:style-vars
 ```
 
-#### Run VSCode extension development environment
-
-```shell
-# playground-ignore
-varlet-cli dev:extension
-```
-
-#### Build VSCode extension for production
-
-```shell
-# playground-ignore
-varlet-cli build:extension
-```
-
 #### Build svg to web fonts
 
 ```shell
@@ -207,34 +220,6 @@ varlet-cli test -w
 varlet-cli test -cov
 ```
 
-#### Lint git commit message
-
-```shell
-# playground-ignore
-varlet-cli commit-lint
-```
-
-#### Show checklist
-
-```shell
-# playground-ignore
-varlet-cli checklist
-```
-
-#### Generate changelog
-
-```shell
-# playground-ignore
-varlet-cli changelog
-```
-
-#### Release component library
-
-```shell
-# playground-ignore
-varlet-cli release
-```
-
 #### Generate a project template
 
 ```shell

package/README.zh-CN.md

@@ -20,6 +20,33 @@
 - 🌍  支持 `国际化`
 - 🚀  基于 `pnpm`
 
+### 推荐技术栈
+
+在全新的 **Varlet 组件库工具链**体系下，我们建议将 **`@varlet/cli`**、**[vite-plus](https://viteplus.dev/)**（`vp`）与 **rattail**（`rt`，npm 包 `rattail`）组合使用：前者覆盖组件库文档站与编译等一等能力，后两者承接与 Ox / Rolldown 栈一致的 lint、format、打包入口，以及 `clean`、Git 钩子、`changelog`、`release`、`commit-lint` 等工程自动化。无论是从零搭建新库，还是升级旧脚手架、需要与模板对齐时，都推荐沿用这一组合。
+
+| 部分 | 作用 |
+| --- | --- |
+| **`@varlet/cli`** | Varlet 一等能力：`create`、`gen`、`dev`、`build`、`preview`、`compile`、`compile:style-vars`、`build:icons`、`test` 等 |
+| **[vite-plus](https://viteplus.dev/)**（`vp`） | 与 Ox / Rolldown 栈一致的 lint、format、应用/扩展的 `build`/`dev`/`preview` 等入口 |
+| **rattail**（`rt`，npm 包 `rattail`） | `clean`、Git 钩子、`changelog`、`release`、`commit-lint` 等工程自动化 |
+
+升级 `@varlet/cli` 后，可在上级目录再次执行 **`varlet-cli gen`**，将已有工程与**当前内置的最新模板**对齐（请先提交或备份；`gen` 可能覆盖生成型文件）。
+
+### 不建议继续使用的子命令
+
+以下子命令**仍可执行**（会给出废弃相关提示），但**不应在新脚本或新工程中再依赖**，请优先改用 `vp` / `rt`（或文档中的 `vr`）。具体时间表以后续发布说明为准。
+
+| 命令 | 请改用 |
+| --- | --- |
+| `varlet-cli dev:vite` | `vp dev` |
+| `varlet-cli build:vite` | `vp build` |
+| `varlet-cli dev:extension` | `vp pack --watch`（扩展包内需有本地 `vite.config.ts`） |
+| `varlet-cli build:extension` | `vp pack` |
+| `varlet-cli commit-lint` | `rt commit-lint` |
+| `varlet-cli checklist` | 无直接替代；见贡献文档中的提交前说明 |
+| `varlet-cli changelog` | `rt changelog` |
+| `varlet-cli release` | `rt release`（或 `@varlet/release` 提供的 `vr release`） |
+
 ### 快速开始
 
 `@varlet/cli` 内置了 `sfc` 和 `tsx` 两种风格的组件库项目模板，可以通过 `gen` 命令直接生成。
@@ -156,20 +183,6 @@ varlet-cli compile
 varlet-cli compile:style-vars
 ```
 
-#### 启动 VSCode 插件开发环境
-
-```shell
-# playground-ignore
-varlet-cli dev:extension
-```
-
-#### 构建 VSCode 插件
-
-```shell
-# playground-ignore
-varlet-cli build:extension
-```
-
 #### 打包字体图标
 
 ```shell
@@ -206,34 +219,6 @@ varlet-cli test -w
 varlet-cli test -cov
 ```
 
-#### 校验提交信息
-
-```shell
-# playground-ignore
-varlet-cli commit-lint
-```
-
-#### 显示检查清单
-
-```shell
-# playground-ignore
-varlet-cli checklist
-```
-
-#### 生成更新日志
-
-```shell
-# playground-ignore
-varlet-cli changelog
-```
-
-#### 发布组件库
-
-```shell
-# playground-ignore
-varlet-cli release
-```
-
 #### 生成一个项目模板
 
 ```shell

package/lib/client/index.js

@@ -1,6 +1,6 @@
-import { onMounted, onUnmounted } from 'vue';
 import config from '@config';
 import { StyleProvider, Themes } from '@varlet/ui';
+import { onMounted, onUnmounted } from 'vue';
 import AppType from './appType';
 export function getPCLocationInfo() {
     const [, language, path] = window.location.hash.split('/');

package/lib/node/bin.js

@@ -1,6 +1,7 @@
 #!/usr/bin/env node
 import { Command } from 'commander';
 import { getCliVersion } from './shared/fsUtils.js';
+import { logDeprecated } from './shared/logger.js';
 const program = new Command();
 program.version(`varlet-cli ${getCliVersion()}`).usage('<command> [options]');
 program
@@ -21,29 +22,33 @@ program
 });
 program
     .command('dev:vite')
-    .description('Use vite start server for development')
+    .description('[Deprecated] Use vite start server for development. Use `vp dev` instead.')
     .action(async () => {
+    logDeprecated('dev:vite', 'Use `vp dev` instead.');
     const { vite } = await import('./commands/vite.js');
     return vite('dev');
 });
 program
     .command('build:vite')
-    .description('Use vite build app for production')
+    .description('[Deprecated] Use vite build app for production. Use `vp build` instead.')
     .action(async () => {
+    logDeprecated('build:vite', 'Use `vp build` instead.');
     const { vite } = await import('./commands/vite.js');
     return vite('build');
 });
 program
     .command('dev:extension')
-    .description('Run VSCode extension development environment')
+    .description('[Deprecated] Run VSCode extension development environment. Use `vp pack --watch` (or `tsdown --watch`) instead.')
     .action(async () => {
+    logDeprecated('dev:extension', 'Use `vp pack --watch` (or `tsdown --watch`) instead.');
     const { extension } = await import('./commands/extension.js');
     return extension('dev');
 });
 program
     .command('build:extension')
-    .description('Build VSCode extension for production')
+    .description('[Deprecated] Build VSCode extension for production. Use `vp pack` (or `tsdown`) instead.')
     .action(async () => {
+    logDeprecated('build:extension', 'Use `vp pack` (or `tsdown`) instead.');
     const { extension } = await import('./commands/extension.js');
     return extension('build');
 });
@@ -57,7 +62,7 @@ program
 });
 program
     .command('preview')
-    .description('Preview varlet site for production')
+    .description('Preview varlet site for production.')
     .option('-p, --port <port>', 'port number')
     .action(async (options) => {
     const { preview } = await import('./commands/preview.js');
@@ -114,16 +119,18 @@ program
     .command('changelog')
     .option('-rc --releaseCount <releaseCount>', 'Release count')
     .option('-f --file <file>', 'Changelog filename')
-    .description('Generate changelog')
+    .description('[Deprecated] Generate changelog. Use `rt changelog` instead.')
     .action(async (options) => {
+    logDeprecated('changelog', 'Use `rt changelog` instead.');
     const { changelog } = await import('@varlet/release');
     return changelog(options);
 });
 program
     .command('release')
     .option('-r --remote <remote>', 'Remote name')
-    .description('Release all packages and generate changelogs')
+    .description('[Deprecated] Release all packages and generate changelogs. Use `rt release` instead.')
     .action(async (options) => {
+    logDeprecated('release', 'Use `rt release` instead.');
     const { release } = await import('@varlet/release');
     return release(options);
 });
@@ -133,15 +140,17 @@ program
     .option('-r --commitMessageRe <reg>', 'Validate the regular of whether the commit message passes')
     .option('-e --errorMessage <message>', 'Validation failed to display error messages')
     .option('-w --warningMessage <message>', 'Validation failed to display warning messages')
-    .description('Lint commit message')
+    .description('[Deprecated] Lint commit message. Use `rt commit-lint` instead.')
     .action(async (options) => {
+    logDeprecated('commit-lint', 'Use `rt commit-lint` instead.');
     const { commitLint } = await import('@varlet/release');
     return commitLint(options);
 });
 program
     .command('checklist <gitParams>')
-    .description('Display a checklist for confirmation')
+    .description('[Deprecated] Display a checklist for confirmation. No direct replacement; will be removed in the next major.')
     .action(async (options) => {
+    logDeprecated('checklist', 'No direct replacement; will be removed in the next major.');
     const { checklist } = await import('./commands/checklist.js');
     return checklist(options);
 });

package/lib/node/commands/build.js

@@ -1,5 +1,5 @@
 import fse from 'fs-extra';
-import { build as buildVite } from 'vite';
+import { build as buildVite } from 'vite-plus';
 import { buildSiteEntry } from '../compiler/compileSiteEntry.js';
 import { getVarletConfig } from '../config/varlet.config.js';
 import { getBuildConfig } from '../config/vite.config.js';

package/lib/node/commands/dev.js

@@ -2,7 +2,7 @@ import { resolve } from 'path';
 import { kebabCase } from '@varlet/shared';
 import chokidar from 'chokidar';
 import fse from 'fs-extra';
-import { createServer } from 'vite';
+import { createServer } from 'vite-plus';
 import { generateEsEntryTemplate, getScriptExtname } from '../compiler/compileScript.js';
 import { buildSiteEntry } from '../compiler/compileSiteEntry.js';
 import { getVarletConfig } from '../config/varlet.config.js';

package/lib/node/commands/extension.js

@@ -1,4 +1,4 @@
-import { build } from 'vite';
+import { build } from 'vite-plus';
 import { getExtensionConfig } from '../config/vite.config.js';
 export async function extension(mode) {
     await build(getExtensionConfig(mode));

package/lib/node/commands/gen.js

@@ -58,6 +58,10 @@ export async function gen(options) {
     await copy(configBase, dest);
     await copy(code, dest);
     await rename(resolve(dest, '_gitignore'), resolve(dest, '.gitignore'));
+    const scaffoldTsconfigPath = resolve(dest, 'tsconfig.template.json');
+    if (pathExistsSync(scaffoldTsconfigPath)) {
+        await rename(scaffoldTsconfigPath, resolve(dest, 'tsconfig.json'));
+    }
     syncVersion(name);
     logger.success('✨ Application generated successfully!');
     logger.info(`\

package/lib/node/commands/test.js

@@ -2,15 +2,12 @@ import { x } from 'tinyexec';
 import { VITEST_CONFIG } from '../shared/constant.js';
 export async function test({ component, watch, coverage }) {
     process.env.NODE_ENV = 'test';
-    const args = ['--config', VITEST_CONFIG];
-    if (!watch) {
-        args.unshift('run');
-    }
+    const args = [watch ? 'watch' : 'run', '--config', VITEST_CONFIG];
     if (coverage) {
         args.push('--coverage');
     }
     if (component) {
         args.push('--dir', `src/${component.trim()}`);
     }
-    await x('vitest', args, { nodeOptions: { stdio: 'inherit' }, throwOnError: true });
+    await x('vp', ['test', ...args], { nodeOptions: { stdio: 'inherit' }, throwOnError: true });
 }

package/lib/node/commands/vite.js

@@ -1,6 +1,6 @@
 import vue from '@vitejs/plugin-vue';
 import jsx from '@vitejs/plugin-vue-jsx';
-import { build, createServer } from 'vite';
+import { build, createServer } from 'vite-plus';
 export async function vite(mode) {
     process.env.NODE_ENV = mode === 'dev' ? 'development' : 'production';
     const run = mode === 'build' ? build : createServer;

package/lib/node/compiler/compileModule.js

@@ -1,7 +1,7 @@
 import { resolve } from 'path';
 import { kebabCase } from '@varlet/shared';
 import fse from 'fs-extra';
-import { build } from 'vite';
+import { build } from 'vite-plus';
 import { getVarletConfig } from '../config/varlet.config.js';
 import { getBundleConfig } from '../config/vite.config.js';
 import { DOCS_DIR_NAME, ES_DIR, EXAMPLE_DIR_NAME, LIB_DIR, SRC_DIR, STYLE_DIR_NAME, TESTS_DIR_NAME, UMD_DIR, } from '../shared/constant.js';

package/lib/node/compiler/compileScript.d.ts

@@ -7,8 +7,8 @@ export declare const styleExtNames: string[];
 export declare const scriptIndexes: string[];
 export declare const styleIndexes: string[];
 export declare const tryMatchExtname: (file: string, extname: string[]) => string | undefined;
-export declare const resolveAlias: (dependence: string, file: string, alias?: VarletConfig['alias']) => string;
-export declare const resolveDependence: (file: string, script: string, alias?: VarletConfig['alias']) => string;
+export declare const resolveAlias: (dependence: string, file: string, alias?: VarletConfig["alias"]) => string;
+export declare const resolveDependence: (file: string, script: string, alias?: VarletConfig["alias"]) => string;
 export declare function compileScriptByBabel(script: string, file: string): Promise<string>;
 export declare function compileScriptByEsbuild(script: string): Promise<string>;
 export declare function compileScript(script: string, file: string): Promise<void>;

package/lib/node/config/varlet.config.d.ts

@@ -1,6 +1,6 @@
 import { type VIConfig } from '@varlet/icon-builder';
 import { type CopyOptions } from '@varlet/vite-plugins';
-import { Plugin, ProxyOptions } from 'vite';
+import { Plugin, ProxyOptions } from 'vite-plus';
 export interface VarletConfigIcons extends VIConfig {
     /**
      * @default true

package/lib/node/config/vite.config.d.ts

@@ -1,4 +1,4 @@
-import { InlineConfig, Plugin } from 'vite';
+import { InlineConfig, Plugin } from 'vite-plus';
 import { VarletConfig, type VarletConfigHtmlInject } from './varlet.config.js';
 export declare function getHtmlInject(inject: VarletConfigHtmlInject): {
     head: {

package/lib/node/config/vitest.config.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import("vite").UserConfig;
+declare const _default: import("vite-plus").ViteUserConfig;
 export default _default;

package/lib/node/config/vitest.config.js

@@ -1,7 +1,7 @@
 import { cpus } from 'os';
 import vue from '@vitejs/plugin-vue';
 import jsx from '@vitejs/plugin-vue-jsx';
-import { defineConfig } from 'vitest/config';
+import { defineConfig } from 'vite-plus';
 import { VITE_RESOLVE_EXTENSIONS } from '../shared/constant.js';
 const cpuNum = Math.max(cpus().length - 1, 1);
 export default defineConfig({
@@ -32,10 +32,6 @@ export default defineConfig({
             ],
         },
         globals: true,
-        poolOptions: {
-            vmThreads: {
-                memoryLimit: Math.min((1 / cpuNum) * 2, 0.2),
-            },
-        },
+        vmMemoryLimit: Math.min((1 / cpuNum) * 2, 0.2),
     },
 });

package/lib/node/shared/logger.d.ts

@@ -6,3 +6,4 @@ declare const _default: {
     title(text: string): void;
 };
 export default _default;
+export declare function logDeprecated(command: string, replacement: string): void;

package/lib/node/shared/logger.js

@@ -16,3 +16,6 @@ export default {
         console.log(pico.cyan(text));
     },
 };
+export function logDeprecated(command, replacement) {
+    console.warn(pico.yellow(`[Deprecated] \`varlet-cli ${command}\` is deprecated and will be removed in the next major version. ${replacement}`));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@varlet/cli",
-  "version": "3.14.2",
+  "version": "3.15.0-alpha.1776606769606",
   "description": "cli of varlet",
   "keywords": [
     "cli",
@@ -33,16 +33,16 @@
     "@babel/preset-typescript": "^7.24.7",
     "@inquirer/prompts": "^6.0.1",
     "@varlet/icon-builder": "0.2.14",
-    "@varlet/release": "^0.3.3",
-    "@vitejs/plugin-vue": "6.0.1",
-    "@vitejs/plugin-vue-jsx": "5.1.1",
+    "@varlet/release": "^2.2.1",
+    "@vitejs/plugin-vue": "6.0.6",
+    "@vitejs/plugin-vue-jsx": "5.1.5",
     "@vue/babel-plugin-jsx": "1.5.0",
     "@vue/compiler-sfc": "3.5.21",
     "@vue/runtime-core": "3.5.21",
     "chokidar": "^3.5.2",
     "commander": "^8.3.0",
     "ejs": "^3.1.8",
-    "esbuild": "0.23.1",
+    "esbuild": "0.27.7",
     "fs-extra": "^9.0.1",
     "glob": "^7.2.0",
     "hash-sum": "^2.0.0",
@@ -53,12 +53,11 @@
     "sass": "^1.77.4",
     "sharp": "0.31.1",
     "tinyexec": "^0.3.0",
-    "typescript": "5.3.3",
-    "vite": "7.1.5",
-    "vitest": "3.2.4",
+    "typescript": "5.6.3",
+    "vite-plus": "0.1.18",
     "vue": "3.5.21",
-    "@varlet/shared": "3.14.2",
-    "@varlet/vite-plugins": "3.14.2"
+    "@varlet/vite-plugins": "3.15.0-alpha.1776606769606",
+    "@varlet/shared": "3.15.0-alpha.1776606769606"
   },
   "devDependencies": {
     "@types/babel__core": "^7.20.1",
@@ -67,15 +66,15 @@
     "@types/glob": "^7.1.3",
     "@types/hash-sum": "^1.0.0",
     "@types/markdown-it": "^12.2.3",
-    "@types/node": "^18.7.20",
+    "@types/node": "^20.19.0",
     "@types/sharp": "0.31.1",
     "rimraf": "^5.0.1",
-    "@varlet/touch-emulator": "3.14.2",
-    "@varlet/icons": "3.14.2",
-    "@varlet/ui": "3.14.2"
+    "@varlet/ui": "3.15.0-alpha.1776606769606",
+    "@varlet/icons": "3.15.0-alpha.1776606769606",
+    "@varlet/touch-emulator": "3.15.0-alpha.1776606769606"
   },
   "peerDependencies": {
-    "@vitest/coverage-istanbul": "3.2.4",
+    "@vitest/coverage-istanbul": "4.1.4",
     "@vue/runtime-core": "3.5.21",
     "@vue/test-utils": "2.4.6",
     "clipboard": "^2.0.6",
@@ -83,9 +82,9 @@
     "live-server": "^1.2.1",
     "vue": "3.5.21",
     "vue-router": "4.5.1",
-    "@varlet/icons": "3.14.2",
-    "@varlet/ui": "3.14.2",
-    "@varlet/touch-emulator": "3.14.2"
+    "@varlet/icons": "3.15.0-alpha.1776606769606",
+    "@varlet/touch-emulator": "3.15.0-alpha.1776606769606",
+    "@varlet/ui": "3.15.0-alpha.1776606769606"
   },
   "engines": {
     "node": "^14.18.0 || >=16.0.0"

package/template/create/__tests__/index.spec.js.ejs

@@ -2,7 +2,7 @@ import <%- bigCamelizeName %> from '..'
 import <%- bigCamelizeNamespace + bigCamelizeName %> from '../<%- bigCamelizeName %>'
 import { createApp } from 'vue'
 import { mount } from '@vue/test-utils'
-import { expect, test } from 'vitest'
+import { expect, test } from 'vite-plus/test'
 
 test('test <%- kebabCaseName %> plugin', () => {
   const app = createApp({}).use(<%- bigCamelizeName %>)

package/template/generators/base/.vscode/extensions.json

@@ -0,0 +1,3 @@
+{
+  "recommendations": ["VoidZero.vite-plus-extension-pack"]
+}

package/template/generators/base/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "eslint.enable": false,
+  "prettier.enable": false,
+  "editor.defaultFormatter": "oxc.oxc-vscode"
+}

package/template/generators/base/README.md

@@ -2,8 +2,18 @@
 
 ### Reference
 
-[@varlet/cli 中文文档](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.md)
-[@varlet/cli documentation](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.en-US.md)
+[@varlet/cli 中文文档](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.zh-CN.md)
+[@varlet/cli documentation](https://github.com/varletjs/varlet/blob/dev/packages/varlet-cli/README.md)
+
+### Recommended stack
+
+This template is aligned with the **Varlet + vite-plus + rattail** setup:
+
+- **`@varlet/cli`** — first-party Varlet workflows (`dev`, `build`, `preview`, `compile`, `test`, `create`, …).
+- **`vite-plus` (`vp`)** — lint, format, and other toolchain entrypoints (see root `vite.config.ts`).
+- **`rattail` (`rt`)** — hooks, `clean`, `changelog`, `release`, etc.
+
+To refresh generated files from the latest built-in template after upgrading `@varlet/cli`, run **`varlet-cli gen`** from the parent directory (use git or a backup first; `gen` may overwrite generated scaffolding).
 
 ### Quickstart
 
@@ -56,11 +66,9 @@ pnpm test:watch
 pnpm test:coverage 
 ```
 
-#### Mount Git Hooks
+#### Git hooks
 
-```shell
-npx simple-git-hooks
-```
+Hooks are installed via `pnpm install` (`prepare` runs `vp config` + `rt hook`). Use `rt commit-lint` through the configured `commit-msg` hook.
 
 #### Generate changelog
 
@@ -70,7 +78,7 @@ pnpm changelog
 
 #### Release
 
-tips: 
+tips:
 - 1.The registry of npm must be the official source of npm
 - 2.The npm must be logged in
 

package/template/generators/base/package.json

@@ -19,20 +19,20 @@
     "*.css"
   ],
   "scripts": {
-    "preinstall": "npx only-allow pnpm",
-    "postinstall": "simple-git-hooks",
+    "prepare": "vp config --hooks-dir .vite-hooks && rt hook",
     "dev": "varlet-cli dev",
     "build": "varlet-cli build",
     "preview": "varlet-cli preview",
     "compile": "varlet-cli compile",
-    "lint": "eslint . --fix",
-    "format": "prettier --write .",
-    "changelog": "varlet-cli changelog",
-    "release": "pnpm compile && varlet-cli release",
+    "lint": "vp lint --fix",
+    "format": "vp fmt",
+    "changelog": "rt changelog",
+    "release": "pnpm compile && rt release",
     "test": "varlet-cli test",
     "test:watch": "varlet-cli test -w",
     "test:coverage": "varlet-cli test -cov",
-    "create": "varlet-cli create"
+    "create": "varlet-cli create",
+    "clean": "rt clean"
   },
   "peerDependencies": {
     "vue": "^3.2.0"
@@ -44,32 +44,21 @@
     "@varlet/shared": "workspace:*",
     "@varlet/ui": "workspace:*",
     "@vue/test-utils": "2.4.6",
-    "@vue/runtime-core": "3.5.13",
-    "@vitest/coverage-istanbul": "3.0.6",
-    "@configurajs/eslint": "*",
-    "@configurajs/prettier": "*",
-    "jsdom": "24.1.1",
-    "vitest": "3.0.6",
+    "@vue/runtime-core": "3.5.21",
+    "@vitest/coverage-istanbul": "4.1.4",
+    "vitest": "npm:@voidzero-dev/vite-plus-test@0.1.18",
     "clipboard": "^2.0.6",
-    "eslint": "^9.17.0",
-    "lint-staged": "^10.5.0",
+    "jsdom": "26.1.0",
     "live-server": "^1.2.1",
-    "prettier": "^3.5.2",
-    "simple-git-hooks": "^2.8.0",
-    "typescript": "5.3.3",
-    "vue": "3.5.13",
-    "vue-router": "4.5.0"
+    "rattail": "^2.0.3",
+    "typescript": "5.6.3",
+    "vite-plus": "0.1.18",
+    "vue": "3.5.21",
+    "vue-router": "4.5.1"
   },
-  "lint-staged": {
-    "*.{ts,tsx,js,vue,less}": "prettier --write",
-    "*.{ts,tsx,js,vue}": "eslint --fix"
-  },
-  "simple-git-hooks": {
-    "pre-commit": "pnpm exec lint-staged --allow-empty --concurrent false",
-    "commit-msg": "pnpm exec varlet-cli commit-lint -p $1"
-  },
-  "packageManager": "pnpm@9.1.1",
+  "packageManager": "pnpm@9.15.9",
   "engines": {
-    "pnpm": ">=9.0"
+    "node": "^20.19.0 || >=22.12.0",
+    "pnpm": ">=9.0.0"
   }
 }

package/template/generators/base/shims/shims-md.d.ts

@@ -1,4 +1,4 @@
-declare module "*.md" {
-  const content: string;
-  export default content;
+declare module '*.md' {
+  const content: string
+  export default content
 }

package/template/generators/base/shims/shims-vue.d.ts

@@ -1,6 +1,6 @@
-declare module "*.vue" {
-  import { defineComponent } from "vue";
+declare module '*.vue' {
+  import { defineComponent } from 'vue'
 
-  const component: ReturnType<typeof defineComponent>;
-  export default component;
+  const component: ReturnType<typeof defineComponent>
+  export default component
 }

package/template/generators/base/tsconfig.template.json

@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "strict": true,
+    "declaration": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "esModuleInterop": true,
+    "allowJs": true,
+    "lib": ["esnext", "dom"],
+    "allowSyntheticDefaultImports": true,
+    "jsxImportSource": "vue",
+    "jsx": "preserve",
+    "types": ["vite-plus/test/globals"],
+    "moduleResolution": "bundler"
+  },
+  "include": ["src", "types", "shims", "vite.config.mts", "varlet.config.mjs"],
+  "exclude": ["node_modules", "es", "lib", "umd", "site", "coverage", "highlight", ".varlet", ".vite-hooks"]
+}

package/template/generators/base/vite.config.mts

@@ -0,0 +1,42 @@
+import { clean, defineConfig, fmt, hook, lint, staged } from 'rattail/vite-plus'
+
+export default defineConfig({
+  lint: lint({
+    ignores: ['es/**', 'lib/**', 'umd/**', 'site/**', 'coverage/**', 'highlight/**', 'types/**', 'node_modules/**'],
+  }),
+
+  fmt: fmt({
+    ignores: [
+      'es/**',
+      'lib/**',
+      'umd/**',
+      'site/**',
+      'coverage/**',
+      'highlight/**',
+      'types/**',
+      '**/*.md',
+      '**/package.json',
+    ],
+  }),
+
+  staged: staged(),
+
+  rattail: {
+    clean: clean({
+      patterns: [
+        'es',
+        'lib',
+        'umd',
+        'site',
+        'coverage',
+        'highlight',
+        '.varlet',
+        '.eslintcache',
+        '**/.vite',
+        '.vite-hooks',
+      ],
+    }),
+
+    hook: hook(),
+  },
+})

package/template/generators/config/default/base/varlet.config.mjs

@@ -3,23 +3,99 @@ import { defineConfig } from '@varlet/cli'
 export default defineConfig({
   logo: './logo.svg',
   useMobile: true,
+  title: 'Varlet X',
   pc: {
+    description: {
+      'zh-CN':
+        'Varlet X 是一个基于 Vue3 开发的 Material design 组件库，支持移动端和桌面端，由 varletjs 组织开发和维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件以保证良好的开发体验。',
+      'en-US':
+        'Varlet X 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.',
+    },
     header: {
       darkMode: null,
-      i18n: null,
       playground: null,
       versions: null,
+      changelog: null,
+    },
+    indexPage: {
+      sponsors: null,
+      contributors: null,
+      teamMembers: null,
+      features: [
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+        {
+          name: {
+            'zh-CN': '特性',
+            'en-US': 'Feature',
+          },
+          description: {
+            'zh-CN': '特性描述',
+            'en-US': 'Feature description',
+          },
+        },
+      ],
     },
     menu: [
       {
         text: {
           'zh-CN': '开发指南',
+          'en-US': 'Developer Guide',
         },
         type: 1,
       },
       {
         text: {
           'zh-CN': '基本介绍',
+          'en-US': 'Basic Introduce',
         },
         doc: 'home',
         type: 3,
@@ -27,12 +103,14 @@ export default defineConfig({
       {
         text: {
           'zh-CN': '基础组件',
+          'en-US': 'Basic Components',
         },
         type: 1,
       },
       {
         text: {
           'zh-CN': 'Button 按钮',
+          'en-US': 'Button',
         },
         doc: 'button',
         type: 2,
@@ -41,8 +119,13 @@ export default defineConfig({
   },
   mobile: {
     header: {
-      i18n: null,
       darkMode: null,
     },
+    title: {
+      'zh-CN':
+        'Varlet X 是一个基于 Vue3 开发的 Material design 组件库，支持移动端和桌面端，由 varletjs 组织开发和维护。支持 Typescript、按需引入、暗黑模式、主题定制、国际化，并提供 VSCode 插件以保证良好的开发体验。',
+      'en-US':
+        'Varlet X 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.',
+    },
   },
 })

package/template/generators/config/default/sfc/src/button/__tests__/index.spec.js

@@ -1,5 +1,5 @@
+import { expect, test } from 'vite-plus/test'
 import { createApp } from 'vue'
-import { expect, test } from 'vitest'
 import Button from '..'
 
 test('test button use', () => {

package/template/generators/config/default/sfc/src/utils/components.ts

@@ -1,5 +1,5 @@
-import type { App, Component, Plugin } from 'vue'
 import { createNamespaceFn } from '@varlet/shared'
+import type { App, Component, Plugin } from 'vue'
 
 export type ComponentWithInstall<T> = T & Plugin
 

package/template/generators/config/default/tsx/src/button/__tests__/index.spec.js

@@ -1,5 +1,5 @@
+import { expect, test } from 'vite-plus/test'
 import { createApp } from 'vue'
-import { expect, test } from 'vitest'
 import Button from '..'
 
 test('test button use', () => {

package/template/generators/config/default/tsx/src/utils/components.ts

@@ -1,5 +1,5 @@
-import type { App, Component, Plugin } from 'vue'
 import { createNamespaceFn } from '@varlet/shared'
+import type { App, Component, Plugin } from 'vue'
 
 export type ComponentWithInstall<T> = T & Plugin
 

package/template/generators/config/i18n/sfc/src/button/__tests__/index.spec.js

@@ -1,5 +1,5 @@
+import { expect, test } from 'vite-plus/test'
 import { createApp } from 'vue'
-import { expect, test } from 'vitest'
 import Button from '../index'
 
 test('test button use', () => {

package/template/generators/config/i18n/sfc/src/locale/__tests__/index.spec.js

@@ -1,4 +1,4 @@
-import { expect, test, vi } from 'vitest'
+import { expect, test, vi } from 'vite-plus/test'
 import enUS from '../en-US'
 import { useLocale } from '../index'
 

package/template/generators/config/i18n/sfc/src/locale/en-US.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
+import type { Message } from './index'
 
-declare const enUS: Pack
+declare const enUS: Message
 
 export default enUS

package/template/generators/config/i18n/sfc/src/locale/zh-CN.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
+import type { Message } from './index'
 
-declare const zhCN: Pack
+declare const zhCN: Message
 
 export default zhCN

package/template/generators/config/i18n/sfc/src/utils/components.ts

@@ -1,5 +1,5 @@
-import type { App, Component, Plugin } from 'vue'
 import { createNamespaceFn } from '@varlet/shared'
+import type { App, Component, Plugin } from 'vue'
 
 export type ComponentWithInstall<T> = T & Plugin
 

package/template/generators/config/i18n/tsx/src/button/Button.tsx

@@ -1,8 +1,8 @@
 import { defineComponent, PropType } from 'vue'
-import { createNamespace } from '../utils/components'
-import './button.less'
 // i18n for component's internal
 import { t } from '../locale'
+import './button.less'
+import { createNamespace } from '../utils/components'
 
 const { name, n, classes } = createNamespace('button')
 

package/template/generators/config/i18n/tsx/src/button/__tests__/index.spec.js

@@ -1,5 +1,5 @@
+import { expect, test } from 'vite-plus/test'
 import { createApp } from 'vue'
-import { expect, test } from 'vitest'
 import Button from '../index'
 
 test('test button use', () => {

package/template/generators/config/i18n/tsx/src/locale/__tests__/index.spec.js

@@ -1,4 +1,4 @@
-import { expect, test, vi } from 'vitest'
+import { expect, test, vi } from 'vite-plus/test'
 import enUS from '../en-US'
 import { useLocale } from '../index'
 

package/template/generators/config/i18n/tsx/src/locale/en-US.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
+import type { Message } from './index'
 
-declare const enUS: Pack
+declare const enUS: Message
 
 export default enUS

package/template/generators/config/i18n/tsx/src/locale/zh-CN.d.ts

@@ -1,5 +1,5 @@
-import type { Pack } from '../../types'
+import type { Message } from './index'
 
-declare const zhCN: Pack
+declare const zhCN: Message
 
 export default zhCN

package/template/generators/config/i18n/tsx/src/utils/components.ts

@@ -1,5 +1,5 @@
-import type { App, Component, Plugin } from 'vue'
 import { createNamespaceFn } from '@varlet/shared'
+import type { App, Component, Plugin } from 'vue'
 
 export type ComponentWithInstall<T> = T & Plugin
 

package/template/generators/base/eslint.config.js

@@ -1,15 +0,0 @@
-const { defineConfig } = require("@configurajs/eslint");
-
-module.export = defineConfig({
-  ignores: [
-    "lib/**",
-    "es/**",
-    "umd/**",
-    "site/**",
-    "public/**",
-    "coverage/**",
-    "highlight/**",
-    "types/index.d.ts",
-    ".varlet/**",
-  ],
-});

package/template/generators/base/prettier.config.js

@@ -1,3 +0,0 @@
-const { defineConfig } = require("@configurajs/prettier");
-
-module.export = defineConfig();

package/template/generators/base/tsconfig.json

@@ -1,16 +0,0 @@
-{
-  "compilerOptions": {
-    "strict": true,
-    "downlevelIteration": true,
-    "declaration": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowJs": true,
-    "lib": ["esnext", "dom"],
-    "allowSyntheticDefaultImports": true,
-    "jsxImportSource": "vue",
-    "jsx": "preserve",
-    "types": ["vitest/globals"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
-}