feat: 优化eslint配置，lint:all格式化

Author: huangmingfu

apps/docs/.vitepress/config/shared.ts

@@ -1,6 +1,9 @@
 import { defineConfig } from 'vitepress';
 import { vitepressDemoPlugin } from 'vitepress-demo-plugin';
 import path from 'node:path';
+import { fileURLToPath } from 'node:url'; // 新增导入
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
 
 export const shared = defineConfig({
   // 设置基础路径,用于GitHub Pages部署

apps/docs/.vitepress/utils/useGlobalComp.ts

@@ -1,4 +1,4 @@
-import { App, type Component } from 'vue';
+import type { App, Component } from 'vue';
 // 如果报：“找不到模块“@mylib/ui”或其相应的类型声明”的错误，记得先build打包一下
 import * as UI from '@mylib/ui';
 

packages/lint-configs/eslint-config/index.mjs

@@ -3,37 +3,70 @@ import tseslint from 'typescript-eslint';
 import pluginVue from 'eslint-plugin-vue';
 
 export default tseslint.config(
-  { ignores: ['**/node_modules', '**/dist', '**/*.js'] }, // 忽略 node_modules 和 dist 目录
+  // 全局忽略配置
+  { ignores: ['**/node_modules', '**/dist', '**/*.js'] },
+
+  // 基础配置
   eslint.configs.recommended, // 使用 ESLint 的推荐配置
   tseslint.configs.base, // 使用 TypeScript ESLint 的基础配置
   ...pluginVue.configs['flat/recommended'], // 使用 Vue ESLint 的推荐配置
-  {
-    files: ['**/*.vue'], // 针对所有 .vue 文件
-    languageOptions: {
-      parserOptions: {
-        parser: '@typescript-eslint/parser', // 使用 TypeScript ESLint 解析器
-      },
-    },
-  },
+
+  // 通用规则配置（适用于所有文件）
   {
     rules: {
-      'no-debugger': 'error', // 禁止使用 debugger 语句
       // 'no-console': ['error', { allow: ['warn', 'error', 'info', 'clear'] }], // 禁止使用 console 语句，但允许 warn, error, info 和 clear
+      'no-debugger': 'error', // 禁止使用 debugger 语句
       'prefer-const': 'error', // 强制使用 const 而不是 let
       'sort-imports': ['error', { ignoreDeclarationSort: true }], // 强制排序导入语句，但忽略声明排序
       'no-duplicate-imports': 'error', // 禁止重复导入
-      // 该规则强制使用 '@ts-expect-error' 注释在 TypeScript 代码中指示故意的类型错误，提高代码的清晰度和可维护性。
+      // 禁用对未使用变量的检查（针对类型声明）
+      'no-unused-vars': 'off',
+      // 改用 TypeScript 专属规则（更智能）
+      '@typescript-eslint/no-unused-vars': ['error'],
+    },
+  },
+
+  // TypeScript 文件配置
+  {
+    files: ['**/*.ts', '**/*.tsx'],
+    languageOptions: {
+      parser: tseslint.parser,
+      parserOptions: {
+        createDefaultProgram: false,
+        ecmaFeatures: {
+          jsx: true,
+        },
+        ecmaVersion: 'latest',
+        extraFileExtensions: ['.vue'],
+        jsxPragma: 'React',
+        project: './tsconfig.*.json',
+        sourceType: 'module',
+      },
+    },
+    rules: {
+      // TypeScript 特定规则
       '@typescript-eslint/prefer-ts-expect-error': 'error', // 强制使用 @ts-expect-error 而不是 @ts-ignore
-      // 强制使用 'import type' 进行类型导入
       '@typescript-eslint/consistent-type-imports': [
         'error',
         {
           fixStyle: 'inline-type-imports', // 使用内联类型导入样式
           disallowTypeAnnotations: false, // 允许类型注解
         },
       ],
-      // 强制在导入仅包含内联类型限定符的规范时使用顶级导入类型限定符
       '@typescript-eslint/no-import-type-side-effects': 'error', // 禁止导入类型时产生副作用
+    },
+  },
+
+  // Vue 文件配置
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: '@typescript-eslint/parser', // 使用 TypeScript ESLint 解析器解析 Vue 文件中的 TypeScript
+      },
+    },
+    rules: {
+      // Vue 特定规则
       'vue/max-attributes-per-line': 'off', // 关闭每行最多属性数的限制
       'vue/singleline-html-element-content-newline': 'off', // 关闭单行 HTML 元素内容换行的限制
       'vue/multi-word-component-names': 'off', // 关闭多单词组件名称的限制
@@ -45,6 +78,17 @@ export default tseslint.config(
           svg: 'always', // 强制 svg 元素始终自闭合
         },
       ],
+
+      // Vue 文件中的 TypeScript 规则
+      '@typescript-eslint/prefer-ts-expect-error': 'error',
+      '@typescript-eslint/consistent-type-imports': [
+        'error',
+        {
+          fixStyle: 'inline-type-imports',
+          disallowTypeAnnotations: false,
+        },
+      ],
+      '@typescript-eslint/no-import-type-side-effects': 'error',
     },
   },
 );

packages/ui/src/types/env.d.ts

@@ -1,5 +1,5 @@
 declare module '*.vue' {
-  import { DefineComponent } from 'vue';
+  import type { DefineComponent } from 'vue';
   const component: DefineComponent<{}, {}, any>;
   export default component;
 }

playground/src/router/index.ts

@@ -1,9 +1,9 @@
-import { createRouter, createWebHistory, RouteRecordRaw } from 'vue-router';
+import { type RouteRecordRaw, createRouter, createWebHistory } from 'vue-router';
 import {
   CommentOutlined,
   ExperimentOutlined,
-  ToolOutlined,
   SettingOutlined,
+  ToolOutlined,
 } from '@ant-design/icons-vue';
 
 export const routes: RouteRecordRaw[] = [

playground/src/types/router.d.ts

@@ -1,5 +1,4 @@
 import type { Component } from 'vue';
-import type { RouteRecordRaw } from 'vue-router';
 
 interface RouteMetaCustom extends Record<string | number | symbol, unknown> {
   title?: string;

playground/src/views/Utils/__test__/array.spec.ts

@@ -1,4 +1,4 @@
-import { unique, chunk } from '@mylib/utils';
+import { chunk, unique } from '@mylib/utils';
 import { describe, expect, it } from 'vitest';
 
 describe('array工具', () => {

playground/src/views/Utils/__test__/string.spec.ts

@@ -1,4 +1,4 @@
-import { capitalize, camelToKebab, isString } from '@mylib/utils';
+import { camelToKebab, capitalize, isString } from '@mylib/utils';
 import { describe, expect, it } from 'vitest';
 
 describe('string工具', () => {