feat: migrate to Tailwind CSS v4 (#7614)

* chore: update deps

* feat: use jsonc/x language

* chore: update eslint 10.0

* fix: no-useless-assignment

* feat: add CLAUDE.md

* chore: ignore

* feat: claude

* fix: lint

* chore: suppot eslint v10

* fix: lint

* fix: lint

* fix: type check

* fix: unit test

* fix: Suggested fix

* fix: unit test

* chore: update stylelint v17

* chore: update all major deps

* fix:  echarts console warn

* chore: update vitest v4

* feat: add skills ignores

* chore: update deps

* chore: update deps

* fix: cspell

* chore: update deps

* chore: update tailwindcss v4

* chore: remove postcss config

* fix: no use catalog

* chore: tailwind v4 config

* fix: tailwindcss v4 sort

* feat: use eslint-plugin-better-tailwindcss

* fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier

* fix: Interference between enforce-consistent-line-wrapping, jsx-curly-brace-presence and Prettier

* fix(lint): resolve prettier and better-tailwindcss formatting conflicts

* fix(tailwind): update theme references and lint sources

* style(format): normalize apps docs and playground vue files

* style(format): normalize core ui-kit components

* style(format): normalize effects ui and layout components

scripts/vsh/src/check-dep/index.ts

@@ -13,7 +13,6 @@ const DEFAULT_CONFIG = {
     'unbuild',
     '@vben/tsconfig',
     '@vben/vite-config',
-    '@vben/tailwind-config',
     '@types/*',
     '@vben-core/design',
   ],
@@ -25,7 +24,6 @@ const DEFAULT_CONFIG = {
     '@vben/node-utils',
     '@vben/prettier-config',
     '@vben/stylelint-config',
-    '@vben/tailwind-config',
     '@vben/tsconfig',
     '@vben/vite-config',
     '@vben/vsh',

scripts/vsh/src/index.ts

@@ -32,27 +32,30 @@ async function main(): Promise<void> {
     defineCheckCircularCommand(vsh);
     defineDepcheckCommand(vsh);
 
-    // Handle invalid commands
-    vsh.on('command:*', ([cmd]) => {
-      consola.error(
-        colors.red(`Invalid command: ${cmd}`),
-        '\n',
-        colors.yellow('Available commands:'),
-        '\n',
-        Object.entries(COMMAND_DESCRIPTIONS)
-          .map(([cmd, desc]) => `  ${colors.cyan(cmd)} - ${desc}`)
-          .join('\n'),
-      );
-      process.exit(1);
-    });
-
     // Set up CLI
     vsh.usage('vsh <command> [options]');
     vsh.help();
     vsh.version(version);
 
-    // Parse arguments
-    vsh.parse();
+    // Parse arguments without auto-running to detect unknown commands
+    // Note: cac v7 removed EventEmitter; use matchedCommand after parse instead
+    vsh.parse(undefined, { run: false });
+
+    if (!vsh.matchedCommand && vsh.args.length > 0) {
+      const unknownCmd = String(vsh.args[0]);
+      consola.error(
+        colors.red(`Invalid command: ${unknownCmd}`),
+        '\n',
+        colors.yellow('Available commands:'),
+        '\n',
+        Object.entries(COMMAND_DESCRIPTIONS)
+          .map(([name, desc]) => `  ${colors.cyan(name)} - ${desc}`)
+          .join('\n'),
+      );
+      process.exit(1);
+    }
+
+    await vsh.runMatchedCommand();
   } catch (error) {
     consola.error(
       colors.red('An unexpected error occurred:'),

scripts/vsh/src/lint/index.ts

@@ -16,10 +16,10 @@ async function runLint({ format }: LintCommandOptions) {
     await execaCommand(`stylelint "**/*.{vue,css,less,scss}" --cache --fix`, {
       stdio: 'inherit',
     });
-    await execaCommand(`eslint . --cache --fix`, {
+    await execaCommand(`prettier . --write --cache --log-level warn`, {
       stdio: 'inherit',
     });
-    await execaCommand(`prettier . --write --cache --log-level warn`, {
+    await execaCommand(`eslint . --cache --fix`, {
       stdio: 'inherit',
     });
     return;