@cuiqg/eslint-config 2.8.10 → 2.8.12

package/README.md

@@ -22,17 +22,9 @@ npm i -D eslint @cuiqg/eslint-config
 创建 `eslint.config.mjs` 文件
 
 ```js
-import fs from 'node:fs'
 import cuiqg from '@cuiqg/eslint-config'
-import { FlatCompat } from '@eslint/eslintrc'
 
-const compat = new FlatCompat()
-
-export default cuiqg({}, 
-  fs.existsSync('.eslintrc-auto-import.json')
-    ? compat.extend('./.eslintrc-auto-import.json')
-    : []
-)
+export default cuiqg()
 ```
 
 ## 插件配置

package/dist/index.mjs

@@ -1,7 +1,9 @@
 import { FlatConfigComposer } from "eslint-flat-config-utils";
+import globals from "globals";
 import { fileURLToPath } from "node:url";
 import { isPackageExists } from "local-pkg";
-import globals from "globals";
+import path from "node:path";
+import fs from "node:fs";
 import process$1 from "node:process";
 
 //#region src/globs.js
@@ -59,6 +61,15 @@ const GLOB_EXCLUDE = [
 	"**/.eslint-config-inspector"
 ];
 
+//#endregion
+//#region src/configs/ignores.js
+async function ignores() {
+	return [{
+		ignores: [...GLOB_EXCLUDE],
+		name: "cuiqg/ignores"
+	}];
+}
+
 //#endregion
 //#region src/utils.js
 const scopeUrl = fileURLToPath(new URL(".", import.meta.url));
@@ -71,19 +82,6 @@ async function interopDefault(module) {
 	}
 }
 
-//#endregion
-//#region src/configs/ignores.js
-async function ignores() {
-	const configGitignore = await interopDefault(import("eslint-config-flat-gitignore"));
-	return [{
-		ignores: [...GLOB_EXCLUDE],
-		name: "cuiqg/ignores"
-	}, configGitignore({
-		name: "cuiqg/gitignore",
-		strict: false
-	})];
-}
-
 //#endregion
 //#region src/configs/javascript.js
 async function javascript(options = {}) {
@@ -445,10 +443,9 @@ async function unocss() {
 //#endregion
 //#region src/configs/vue.js
 async function vue(options = {}) {
-	const { typescript: typescript$1 = false, stylistic: stylistic$1 = true, vueVersion = 3 } = options;
+	const { typescript: typescript$1 = false } = options;
 	let parserOptions = null;
 	const files = [GLOB_VUE];
-	const { indent = 2 } = typeof stylistic$1 === "boolean" ? {} : stylistic$1;
 	const [pluginVue, parserVue] = await Promise.all([interopDefault(import("eslint-plugin-vue")), interopDefault(import("vue-eslint-parser"))]);
 	if (typescript$1) parserOptions = { parser: await interopDefault(import("@typescript-eslint/parser")) };
 	return [{
@@ -456,22 +453,6 @@ async function vue(options = {}) {
 		name: "cuiqg/vue",
 		plugins: { vue: pluginVue },
 		languageOptions: {
-			globals: {
-				computed: "readonly",
-				defineEmits: "readonly",
-				defineExpose: "readonly",
-				defineProps: "readonly",
-				onMounted: "readonly",
-				onUnmounted: "readonly",
-				reactive: "readonly",
-				ref: "readonly",
-				shallowReactive: "readonly",
-				shallowRef: "readonly",
-				toRef: "readonly",
-				toRefs: "readonly",
-				watch: "readonly",
-				watchEffect: "readonly"
-			},
 			parser: parserVue,
 			parserOptions: {
 				ecmaFeatures: { jsx: true },
@@ -483,125 +464,150 @@ async function vue(options = {}) {
 		},
 		processor: pluginVue.processors[".vue"],
 		rules: {
-			...pluginVue.configs.base.rules,
-			...vueVersion === 2 ? {
-				...pluginVue.configs["vue2-essential"].rules,
-				...pluginVue.configs["vue2-strongly-recommended"].rules,
-				...pluginVue.configs["vue2-recommended"].rules
-			} : {
-				...pluginVue.configs["flat/essential"].map((c) => c.rules).reduce((acc, c) => ({
-					...acc,
-					...c
-				}), {}),
-				...pluginVue.configs["flat/strongly-recommended"].map((c) => c.rules).reduce((acc, c) => ({
-					...acc,
-					...c
-				}), {}),
-				...pluginVue.configs["flat/recommended"].map((c) => c.rules).reduce((acc, c) => ({
-					...acc,
-					...c
-				}), {})
-			},
+			"vue/attribute-hyphenation": ["error", "always"],
 			"vue/block-order": ["error", { order: [
 				"script",
 				"template",
 				"style"
 			] }],
-			"vue/component-name-in-template-casing": ["error", "PascalCase"],
-			"vue/component-options-name-casing": ["error", "PascalCase"],
-			"vue/component-tags-order": "off",
-			"vue/custom-event-name-casing": ["error", "camelCase"],
-			"vue/define-macros-order": ["error", { order: [
-				"defineOptions",
-				"defineProps",
-				"defineEmits",
-				"defineSlots"
-			] }],
-			"vue/dot-location": ["error", "property"],
-			"vue/dot-notation": ["error", { allowKeywords: true }],
-			"vue/eqeqeq": ["error", "smart"],
-			"vue/html-indent": ["error", indent],
-			"vue/html-quotes": ["error", "double"],
-			"vue/max-attributes-per-line": "off",
-			"vue/multi-word-component-names": "off",
-			"vue/no-dupe-keys": "off",
-			"vue/no-empty-pattern": "error",
-			"vue/no-irregular-whitespace": "error",
-			"vue/no-loss-of-precision": "error",
-			"vue/no-restricted-syntax": [
-				"error",
-				"DebuggerStatement",
-				"LabeledStatement",
-				"WithStatement"
-			],
-			"vue/no-restricted-v-bind": ["error", "/^v-/"],
-			"vue/no-setup-props-reactivity-loss": "off",
-			"vue/no-sparse-arrays": "error",
-			"vue/no-unused-refs": "error",
+			"vue/comment-directive": "error",
+			"vue/component-api-style": "error",
+			"vue/component-definition-name-casing": ["error", "kebab-case"],
+			"vue/component-name-in-template-casing": ["error", "kebab-case"],
+			"vue/component-options-name-casing": ["error", "kebab-case"],
+			"vue/custom-event-name-casing": ["error", "kebab-case"],
+			"vue/define-emits-declaration": "error",
+			"vue/define-props-declaration": "error",
+			"vue/define-props-destructuring": ["error", { destructure: "always" }],
+			"vue/enforce-style-attribute": ["error", { allow: ["scoped", "plain"] }],
+			"vue/html-button-has-type": "error",
+			"vue/html-end-tags": "error",
+			"vue/jsx-uses-vars": "error",
+			"vue/no-async-in-computed-properties": "error",
+			"vue/no-child-content": "error",
+			"vue/no-computed-properties-in-data": "error",
+			"vue/no-deprecated-data-object-declaration": "error",
+			"vue/no-deprecated-delete-set": "error",
+			"vue/no-deprecated-destroyed-lifecycle": "error",
+			"vue/no-deprecated-dollar-listeners-api": "error",
+			"vue/no-deprecated-dollar-scopedslots-api": "error",
+			"vue/no-deprecated-events-api": "error",
+			"vue/no-deprecated-filter": "error",
+			"vue/no-deprecated-functional-template": "error",
+			"vue/no-deprecated-html-element-is": "error",
+			"vue/no-deprecated-inline-template": "error",
+			"vue/no-deprecated-model-definition": "error",
+			"vue/no-deprecated-props-default-this": "error",
+			"vue/no-deprecated-router-link-tag-prop": "error",
+			"vue/no-deprecated-scope-attribute": "error",
+			"vue/no-deprecated-slot-attribute": "error",
+			"vue/no-deprecated-slot-scope-attribute": "error",
+			"vue/no-deprecated-v-bind-sync": "error",
+			"vue/no-deprecated-v-is": "error",
+			"vue/no-deprecated-v-on-native-modifier": "error",
+			"vue/no-deprecated-v-on-number-modifiers": "error",
+			"vue/no-deprecated-vue-config-keycodes": "error",
+			"vue/no-dupe-keys": "error",
+			"vue/no-dupe-v-else-if": "error",
+			"vue/no-duplicate-attr-inheritance": "error",
+			"vue/no-duplicate-attributes": "error",
+			"vue/no-duplicate-class-names": "error",
+			"vue/no-empty-component-block": "error",
+			"vue/no-export-in-script-setup": "error",
+			"vue/no-expose-after-await": "error",
+			"vue/no-lifecycle-after-await": "error",
+			"vue/no-lone-template": "error",
+			"vue/no-multiple-objects-in-class": "error",
+			"vue/no-multiple-slot-args": "error",
+			"vue/no-mutating-props": "error",
+			"vue/no-negated-condition": "error",
+			"vue/no-negated-v-if-condition": "error",
+			"vue/no-parsing-error": "error",
+			"vue/no-potential-component-option-typo": "error",
+			"vue/no-ref-as-operand": "error",
+			"vue/no-ref-object-reactivity-loss": "error",
+			"vue/no-required-prop-with-default": "error",
+			"vue/no-reserved-component-names": "error",
+			"vue/no-reserved-keys": "error",
+			"vue/no-reserved-props": "error",
+			"vue/no-setup-props-reactivity-loss": "error",
+			"vue/no-shared-component-data": "error",
+			"vue/no-side-effects-in-computed-properties": "error",
+			"vue/no-template-key": "error",
+			"vue/no-template-shadow": "error",
+			"vue/no-template-target-blank": "error",
+			"vue/no-textarea-mustache": "error",
+			"vue/no-this-in-before-route-enter": "error",
+			"vue/no-undef-components": "error",
+			"vue/no-undef-properties": "error",
+			"vue/no-unused-components": "error",
+			"vue/no-unused-emit-declarations": "error",
+			"vue/no-unused-vars": "error",
+			"vue/no-use-computed-property-like-method": "error",
+			"vue/no-use-v-else-with-v-for": "error",
+			"vue/no-use-v-if-with-v-for": "error",
+			"vue/no-useless-mustaches": "error",
+			"vue/no-useless-template-attributes": "error",
 			"vue/no-useless-v-bind": "error",
-			"vue/no-v-html": "off",
-			"vue/object-shorthand": [
-				"error",
-				"always",
-				{
-					avoidQuotes: true,
-					ignoreConstructors: false
-				}
-			],
+			"vue/no-v-for-template-key-on-child": "error",
+			"vue/no-v-html": "error",
+			"vue/no-v-text-v-html-on-component": "error",
+			"vue/no-watch-after-await": "error",
+			"vue/prefer-define-options": "error",
+			"vue/prefer-import-from-vue": "error",
 			"vue/prefer-separate-static-class": "error",
-			"vue/prefer-template": "error",
+			"vue/prefer-true-attribute-shorthand": "error",
 			"vue/prop-name-casing": ["error", "camelCase"],
-			"vue/require-default-prop": "off",
-			"vue/require-prop-types": "off",
-			"vue/space-infix-ops": "error",
-			"vue/space-unary-ops": ["error", {
-				nonwords: false,
-				words: true
+			"vue/require-component-is": "error",
+			"vue/require-default-prop": "error",
+			"vue/require-emit-validator": "error",
+			"vue/require-explicit-emits": "error",
+			"vue/require-explicit-slots": "error",
+			"vue/require-macro-variable-name": ["error", {
+				defineEmits: "emit",
+				defineProps: "props",
+				defineSlots: "slots",
+				useAttrs: "attrs",
+				useSlots: "slots"
 			}],
-			...stylistic$1 ? {
-				"vue/array-bracket-spacing": ["error", "never"],
-				"vue/arrow-spacing": ["error", {
-					after: true,
-					before: true
-				}],
-				"vue/block-spacing": ["error", "always"],
-				"vue/block-tag-newline": ["error", {
-					multiline: "always",
-					singleline: "always"
-				}],
-				"vue/brace-style": [
-					"error",
-					"stroustrup",
-					{ allowSingleLine: true }
-				],
-				"vue/comma-dangle": ["error", "always-multiline"],
-				"vue/comma-spacing": ["error", {
-					after: true,
-					before: false
-				}],
-				"vue/comma-style": ["error", "last"],
-				"vue/html-comment-content-spacing": [
-					"error",
-					"always",
-					{ exceptions: ["-"] }
-				],
-				"vue/key-spacing": ["error", {
-					afterColon: true,
-					beforeColon: false
-				}],
-				"vue/keyword-spacing": ["error", {
-					after: true,
-					before: true
-				}],
-				"vue/object-curly-newline": "off",
-				"vue/object-curly-spacing": ["error", "always"],
-				"vue/object-property-newline": ["error", { allowAllPropertiesOnSameLine: true }],
-				"vue/operator-linebreak": ["error", "before"],
-				"vue/padding-line-between-blocks": ["error", "always"],
-				"vue/quote-props": ["error", "consistent-as-needed"],
-				"vue/space-in-parens": ["error", "never"],
-				"vue/template-curly-spacing": "error"
-			} : {}
+			"vue/require-name-property": "error",
+			"vue/require-prop-type-constructor": "error",
+			"vue/require-render-return": "error",
+			"vue/require-slots-as-functions": "error",
+			"vue/require-toggle-inside-transition": "error",
+			"vue/require-typed-ref": "error",
+			"vue/require-v-for-key": "error",
+			"vue/require-valid-default-prop": "error",
+			"vue/return-in-computed-property": "error",
+			"vue/return-in-emits-validator": "error",
+			"vue/this-in-template": "error",
+			"vue/use-v-on-exact": "error",
+			"vue/v-bind-style": "error",
+			"vue/v-on-event-hyphenation": "error",
+			"vue/v-on-style": "error",
+			"vue/v-slot-style": "error",
+			"vue/valid-attribute-name": "error",
+			"vue/valid-define-emits": "error",
+			"vue/valid-define-options": "error",
+			"vue/valid-define-props": "error",
+			"vue/valid-next-tick": "error",
+			"vue/valid-template-root": "error",
+			"vue/valid-v-bind": "error",
+			"vue/valid-v-cloak": "error",
+			"vue/valid-v-else": "error",
+			"vue/valid-v-else-if": "error",
+			"vue/valid-v-for": "error",
+			"vue/valid-v-html": "error",
+			"vue/valid-v-if": "error",
+			"vue/valid-v-is": "error",
+			"vue/valid-v-memo": "error",
+			"vue/valid-v-model": "error",
+			"vue/valid-v-on": "error",
+			"vue/valid-v-once": "error",
+			"vue/valid-v-pre": "error",
+			"vue/valid-v-show": "error",
+			"vue/valid-v-slot": "error",
+			"vue/valid-v-text": "error"
 		}
 	}];
 }
@@ -826,6 +832,22 @@ async function typescript() {
 	}];
 }
 
+//#endregion
+//#region src/configs/auto-imports.js
+async function autoImports(options = {}) {
+	const { cwd = process.cwd(), filename = ".eslintrc-auto-import.json", strict = true } = options;
+	const config = [];
+	if (fs.existsSync(path.join(cwd, filename))) try {
+		config.push({
+			name: "cuiqg/auto-imports",
+			languageOptions: { ...JSON.parse(fs.readFileSync(path.join(cwd, filename), "utf8")) }
+		});
+	} catch (error) {
+		if (strict) throw error;
+	}
+	return config;
+}
+
 //#endregion
 //#region src/env.js
 const isInGitHookOrLintStaged = () => {
@@ -858,7 +880,7 @@ const hasTailwindcss = () => isPackageExists("tailwindcss");
 function cuiqg(options = {}, ...userConfigs) {
 	const { jsdoc: enableJsdoc = true, unocss: enableUnocss = hasUnocss(), tailwindcss: enableTailwindcss = hasTailwindcss(), typescript: enableTypescript = hasTypeScript(), vue: enableVue = hasVue() } = options;
 	const configs = [];
-	configs.push(ignores(), comments(), javascript({ isInEditor }), stylistic(), packageJson());
+	configs.push(autoImports(), ignores(), comments(), javascript({ isInEditor }), stylistic(), packageJson());
 	if (enableTypescript) configs.push(typescript());
 	if (enableJsdoc) configs.push(jsdoc());
 	if (enableVue) configs.push(vue({ typescript: enableTypescript }), macros());
@@ -875,4 +897,4 @@ function cuiqg(options = {}, ...userConfigs) {
 var src_default = cuiqg;
 
 //#endregion
-export { GLOB_CSS, GLOB_EXCLUDE, GLOB_JS, GLOB_JSX, GLOB_LESS, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_STYLUS, GLOB_TS, GLOB_TSX, GLOB_VUE, comments, cuiqg, src_default as default, hasTailwindcss, hasTypeScript, hasUnocss, hasVue, ignores, isInEditor, isInGitHookOrLintStaged, javascript, jsdoc, macros, packageJson, stylistic, stylisticConfigDefaults, tailwindcss, typescript, unocss, vue };
+export { GLOB_CSS, GLOB_EXCLUDE, GLOB_JS, GLOB_JSX, GLOB_LESS, GLOB_POSTCSS, GLOB_SCSS, GLOB_SRC, GLOB_SRC_EXT, GLOB_STYLE, GLOB_STYLUS, GLOB_TS, GLOB_TSX, GLOB_VUE, autoImports, comments, cuiqg, src_default as default, hasTailwindcss, hasTypeScript, hasUnocss, hasVue, ignores, isInEditor, isInGitHookOrLintStaged, javascript, jsdoc, macros, packageJson, stylistic, stylisticConfigDefaults, tailwindcss, typescript, unocss, vue };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuiqg/eslint-config",
-  "version": "2.8.10",
+  "version": "2.8.12",
   "description": "Eslint config for @cuiqg",
   "keywords": [
     "eslint-config"
@@ -28,8 +28,8 @@
     "build:inspect": "npx @eslint/config-inspector build --config eslint-inspector.config.js",
     "lint": "eslint .",
     "lint:inspect": "npx @eslint/config-inspector --open false --config eslint-inspector.config.js",
-    "prepublishOnly": "npm run build",
-    "release": "bumpp"
+    "prerelease": "npm run build",
+    "release": "bumpp && npm publish"
   },
   "devDependencies": {
     "@eslint/config-inspector": "^1.4.2",
@@ -48,7 +48,6 @@
     "@typescript-eslint/parser": "^8.50.1",
     "@unocss/eslint-plugin": "^66.5.10",
     "@vue-macros/eslint-config": "3.0.0-beta.21",
-    "eslint-config-flat-gitignore": "^2.1.0",
     "eslint-flat-config-utils": "^2.1.4",
     "eslint-plugin-depend": "^1.4.0",
     "eslint-plugin-import-x": "^4.16.1",