@varlet/cli 3.14.1 → 3.15.0-alpha.1776572752298

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/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.1",
+  "version": "3.15.0-alpha.1776572752298",
   "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.1",
-    "@varlet/vite-plugins": "3.14.1"
+    "@varlet/vite-plugins": "3.15.0-alpha.1776572752298",
+    "@varlet/shared": "3.15.0-alpha.1776572752298"
   },
   "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/icons": "3.14.1",
-    "@varlet/touch-emulator": "3.14.1",
-    "@varlet/ui": "3.14.1"
+    "@varlet/icons": "3.15.0-alpha.1776572752298",
+    "@varlet/touch-emulator": "3.15.0-alpha.1776572752298",
+    "@varlet/ui": "3.15.0-alpha.1776572752298"
   },
   "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.1",
-    "@varlet/ui": "3.14.1",
-    "@varlet/touch-emulator": "3.14.1"
+    "@varlet/icons": "3.15.0-alpha.1776572752298",
+    "@varlet/touch-emulator": "3.15.0-alpha.1776572752298",
+    "@varlet/ui": "3.15.0-alpha.1776572752298"
   },
   "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/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

@@ -20,19 +20,20 @@
   ],
   "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 +45,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.json

@@ -1,7 +1,6 @@
 {
   "compilerOptions": {
     "strict": true,
-    "downlevelIteration": true,
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,
@@ -10,7 +9,6 @@
     "allowSyntheticDefaultImports": true,
     "jsxImportSource": "vue",
     "jsx": "preserve",
-    "types": ["vitest/globals"]
-  },
-  "include": ["src/**/*.ts", "src/**/*.tsx", "src/**/*.vue"]
+    "types": ["vite-plus/test/globals"]
+  }
 }

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

@@ -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/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/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/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();