@phsd/lint 0.1.1 → 0.2.0

package/dist/index.mjs

@@ -34,6 +34,7 @@ const GLOB_JSONC = "**/*.jsonc";
 const GLOB_MARKDOWN = "**/*.md";
 const GLOB_MARKDOWN_IN_MARKDOWN = "**/*.md/*.md";
 const GLOB_SVELTE = "**/*.svelte";
+const GLOB_VUE = "**/*.vue";
 const GLOB_YAML = "**/*.y?(a)ml";
 const GLOB_TOML = "**/*.toml";
 const GLOB_XML = "**/*.xml";
@@ -225,18 +226,11 @@ const StylisticConfigDefaults = {
 	semi: true
 };
 async function stylistic(options = {}) {
-	const { indent, jsx: jsx$1, overrides = {}, quotes, semi } = {
+	const { indent, jsx: jsx$1, opinionated, overrides = {}, quotes, semi } = {
 		...StylisticConfigDefaults,
 		...options
 	};
 	const pluginStylistic = await interopDefault(import("@stylistic/eslint-plugin"));
-	const config = pluginStylistic.configs.customize({
-		indent,
-		jsx: jsx$1,
-		pluginName: "style",
-		quotes,
-		semi
-	});
 	return [{
 		name: "phs/stylistic/rules",
 		plugins: {
@@ -244,7 +238,13 @@ async function stylistic(options = {}) {
 			style: pluginStylistic
 		},
 		rules: {
-			...config.rules,
+			...opinionated ? pluginStylistic.configs.customize({
+				indent,
+				jsx: jsx$1,
+				pluginName: "style",
+				quotes,
+				semi
+			}).rules : {},
 			"antfu/consistent-chaining": "error",
 			"antfu/consistent-list-newline": "error",
 			"antfu/if-newline": "error",
@@ -253,6 +253,11 @@ async function stylistic(options = {}) {
 				after: true,
 				before: false
 			}],
+			"style/jsx-curly-brace-presence": ["error", {
+				children: "never",
+				propElementValues: "always",
+				props: "never"
+			}],
 			"style/quote-props": ["error", "as-needed"],
 			"style/yield-star-spacing": ["error", {
 				after: true,
@@ -7888,7 +7893,7 @@ async function svelte(options = {}) {
 //#endregion
 //#region src/configs/tailwind.ts
 async function tailwind(options = {}) {
-	const { attributes = [], callees = [], overrides = {}, tags = [], tailwindConfig, variables = [] } = options;
+	const { allowClasses, attributes = [], callees = [], forceRegisteredClasses = true, overrides = {}, tags = [], tailwindConfig, variables = [] } = options;
 	const { getDefaultAttributes, getDefaultCallees, getDefaultTags, getDefaultVariables } = await import("eslint-plugin-better-tailwindcss/api/defaults");
 	const defaults = {
 		attributes: [...getDefaultAttributes(), ...attributes],
@@ -7925,11 +7930,12 @@ async function tailwind(options = {}) {
 				allowMultiline: true,
 				...defaults
 			}],
-			"tw/no-unregistered-classes": ["error", {
-				detectComponentClasses: false,
+			...forceRegisteredClasses ? { "tw/no-unregistered-classes": ["error", {
+				detectComponentClasses: true,
 				entryPoint: tailwindConfig,
+				ignore: allowClasses ?? [],
 				...defaults
-			}],
+			}] } : {},
 			...overrides
 		},
 		settings: { "better-tailwindcss": { entryPoint: tailwindConfig } }
@@ -8023,7 +8029,7 @@ async function typescript(options = {}) {
 	];
 	const filesTypeAware = options.filesTypeAware ?? [GLOB_TS, GLOB_TSX];
 	const ignoresTypeAware = options.ignoresTypeAware ?? [`${GLOB_MARKDOWN}/**`, GLOB_ASTRO_TS];
-	const tsconfigPath = options?.tsconfigPath ? options.tsconfigPath : void 0;
+	const tsconfigPath = options.tsconfigPath;
 	const isTypeAware = !!tsconfigPath;
 	const typeAwareRules = {
 		"dot-notation": "off",
@@ -8034,20 +8040,16 @@ async function typescript(options = {}) {
 		"ts/no-for-in-array": "error",
 		"ts/no-implied-eval": "error",
 		"ts/no-misused-promises": "error",
+		"ts/no-unnecessary-condition": "error",
+		"ts/no-unnecessary-template-expression": "error",
+		"ts/no-unnecessary-type-arguments": "error",
 		"ts/no-unnecessary-type-assertion": "error",
-		"ts/no-unsafe-argument": "error",
-		"ts/no-unsafe-assignment": "error",
-		"ts/no-unsafe-call": "error",
-		"ts/no-unsafe-member-access": "error",
-		"ts/no-unsafe-return": "error",
+		"ts/no-unnecessary-type-conversion": "error",
+		"ts/prefer-optional-chain": "error",
 		"ts/promise-function-async": "error",
 		"ts/restrict-plus-operands": "error",
 		"ts/restrict-template-expressions": "error",
 		"ts/return-await": ["error", "in-try-catch"],
-		"ts/strict-boolean-expressions": ["error", {
-			allowNullableBoolean: true,
-			allowNullableObject: true
-		}],
 		"ts/switch-exhaustiveness-check": "error",
 		"ts/unbound-method": "error"
 	};
@@ -8176,6 +8178,211 @@ async function unicorn(options = {}) {
 	}];
 }
 
+//#endregion
+//#region src/configs/vue.ts
+async function vue(options = {}) {
+	const { a11y = false, files = [GLOB_VUE], overrides = {}, stylistic: stylistic$1 = true, vueVersion = 3 } = options;
+	const sfcBlocks = options.sfcBlocks === true ? {} : options.sfcBlocks ?? {};
+	const { indent = 2 } = typeof stylistic$1 === "boolean" ? {} : stylistic$1;
+	const [pluginVue, parserVue, processorVueBlocks, pluginVueA11y] = await Promise.all([
+		interopDefault(import("eslint-plugin-vue")),
+		interopDefault(import("vue-eslint-parser")),
+		interopDefault(import("eslint-processor-vue-blocks")),
+		...a11y ? [interopDefault(import("eslint-plugin-vuejs-accessibility"))] : []
+	]);
+	return [{
+		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"
+		} },
+		name: "phs/vue/setup",
+		plugins: {
+			vue: pluginVue,
+			...a11y ? { "vue-a11y": pluginVueA11y } : {}
+		}
+	}, {
+		files,
+		languageOptions: {
+			parser: parserVue,
+			parserOptions: {
+				ecmaFeatures: { jsx: true },
+				extraFileExtensions: [".vue"],
+				parser: options.typescript ? await interopDefault(import("@typescript-eslint/parser")) : null,
+				sourceType: "module"
+			}
+		},
+		name: "phs/vue/rules",
+		processor: sfcBlocks === false ? pluginVue.processors[".vue"] : mergeProcessors([pluginVue.processors[".vue"], processorVueBlocks({
+			...sfcBlocks,
+			blocks: {
+				styles: true,
+				...sfcBlocks.blocks
+			}
+		})]),
+		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
+				}), {})
+			},
+			"antfu/no-top-level-await": "off",
+			"node/prefer-global/process": "off",
+			"ts/explicit-function-return-type": "off",
+			"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/no-useless-v-bind": "error",
+			"vue/no-v-html": "off",
+			"vue/object-shorthand": [
+				"error",
+				"always",
+				{
+					avoidQuotes: true,
+					ignoreConstructors: false
+				}
+			],
+			"vue/prefer-separate-static-class": "error",
+			"vue/prefer-template": "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
+			}],
+			...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"
+			} : {},
+			...a11y ? {
+				"vue-a11y/alt-text": "error",
+				"vue-a11y/anchor-has-content": "error",
+				"vue-a11y/aria-props": "error",
+				"vue-a11y/aria-role": "error",
+				"vue-a11y/aria-unsupported-elements": "error",
+				"vue-a11y/click-events-have-key-events": "error",
+				"vue-a11y/form-control-has-label": "error",
+				"vue-a11y/heading-has-content": "error",
+				"vue-a11y/iframe-has-title": "error",
+				"vue-a11y/interactive-supports-focus": "error",
+				"vue-a11y/label-has-for": "error",
+				"vue-a11y/media-has-caption": "warn",
+				"vue-a11y/mouse-events-have-key-events": "error",
+				"vue-a11y/no-access-key": "error",
+				"vue-a11y/no-aria-hidden-on-focusable": "error",
+				"vue-a11y/no-autofocus": "warn",
+				"vue-a11y/no-distracting-elements": "error",
+				"vue-a11y/no-redundant-roles": "error",
+				"vue-a11y/no-role-presentation-on-focusable": "error",
+				"vue-a11y/no-static-element-interactions": "error",
+				"vue-a11y/role-has-required-aria-props": "error",
+				"vue-a11y/tabindex-no-positive": "warn"
+			} : {},
+			...overrides
+		}
+	}];
+}
+
 //#endregion
 //#region src/configs/yaml.ts
 async function yaml(options = {}) {
@@ -8294,7 +8501,7 @@ function getOverrides(options, key) {
 *  The merged ESLint configurations.
 */
 function phs(options = {}, ...userConfigs) {
-	const { astro: enableAstro = false, autoRenamePlugins = true, componentExts = [], gitignore: enableGitignore = true, imports: enableImports = true, jsx: enableJsx = false, pnpm: enableCatalogs = false, react: enableReact = false, regexp: enableRegexp = true, sort: enableSort = true, svelte: enableSvelte = false, test: enableTest = false, typescript: enableTypeScript = true, unicorn: enableUnicorn = true } = options;
+	const { astro: enableAstro = false, autoRenamePlugins = true, componentExts = [], gitignore: enableGitignore = true, imports: enableImports = true, jsx: enableJsx = false, pnpm: enableCatalogs = false, react: enableReact = false, regexp: enableRegexp = true, sort: enableSort = true, svelte: enableSvelte = false, test: enableTest = false, typescript: enableTypeScript = true, unicorn: enableUnicorn = true, vue: enableVue = false } = options;
 	const stylisticOptions = !options.stylistic ? false : typeof options.stylistic === "object" ? options.stylistic : {};
 	if (stylisticOptions && !("jsx" in stylisticOptions)) stylisticOptions.jsx = enableJsx;
 	const configs$1 = [];
@@ -8315,6 +8522,7 @@ function phs(options = {}, ...userConfigs) {
 		...enableImports
 	}));
 	if (enableUnicorn) configs$1.push(unicorn(enableUnicorn === true ? {} : enableUnicorn));
+	if (enableVue) componentExts.push("vue");
 	if (enableJsx) configs$1.push(jsx());
 	if (enableTypeScript) configs$1.push(typescript({
 		...typescriptOptions,
@@ -8322,23 +8530,29 @@ function phs(options = {}, ...userConfigs) {
 		overrides: getOverrides(options, "typescript"),
 		type: options.type
 	}));
-	if (stylisticOptions) configs$1.push(stylistic({
+	configs$1.push(stylistic({
 		...stylisticOptions,
 		overrides: getOverrides(options, "stylistic")
 	}));
 	if (enableRegexp) configs$1.push(regexp(typeof enableRegexp === "boolean" ? {} : enableRegexp));
 	if (enableTest) configs$1.push(test({ overrides: getOverrides(options, "test") }));
-	if (enableReact) configs$1.push(react({
-		...typescriptOptions,
-		...resolveSubOptions(options, "react"),
-		overrides: getOverrides(options, "react"),
-		tsconfigPath
+	if (enableVue) configs$1.push(vue({
+		...resolveSubOptions(options, "vue"),
+		overrides: getOverrides(options, "vue"),
+		stylistic: stylisticOptions,
+		typescript: !!enableTypeScript
 	}));
 	if (enableSvelte) configs$1.push(svelte({
 		overrides: getOverrides(options, "svelte"),
 		stylistic: stylisticOptions,
 		typescript: !!enableTypeScript
 	}));
+	if (enableReact) configs$1.push(react({
+		...typescriptOptions,
+		...resolveSubOptions(options, "react"),
+		overrides: getOverrides(options, "react"),
+		tsconfigPath
+	}));
 	if (enableAstro) configs$1.push(astro({
 		overrides: getOverrides(options, "astro"),
 		stylistic: stylisticOptions
@@ -8361,7 +8575,7 @@ function phs(options = {}, ...userConfigs) {
 		componentExts,
 		overrides: getOverrides(options, "markdown")
 	}));
-	if (options.formatters) configs$1.push(formatters(options.formatters || true, typeof stylisticOptions === "boolean" ? {} : stylisticOptions));
+	if (options.formatters) configs$1.push(formatters(options.formatters, typeof stylisticOptions === "boolean" ? {} : stylisticOptions));
 	if ("files" in options) throw new Error("The first argument should not contain the \"files\" property as the options are supposed to be global. Place it in the second or later config instead.");
 	const fusedConfig = flatConfigProps.reduce((acc, key) => {
 		if (key in options) acc[key] = options[key];
@@ -8378,4 +8592,4 @@ function resolveSubOptions(options, key) {
 }
 
 //#endregion
-export { StylisticConfigDefaults, astro, combine, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, jsx, markdown, node, parserPlain, perfectionist, phs, pnpm, react, regexp, renamePluginInConfigs, renameRules, sortPackageJson, sortTsconfig, sortTurboConfig, stylistic, svelte, tailwind, test, toArray, toml, typescript, unicorn, yaml };
+export { StylisticConfigDefaults, astro, combine, formatters, ignores, imports, interopDefault, javascript, jsdoc, jsonc, jsx, markdown, node, parserPlain, perfectionist, phs, pnpm, react, regexp, renamePluginInConfigs, renameRules, sortPackageJson, sortTsconfig, sortTurboConfig, stylistic, svelte, tailwind, test, toArray, toml, typescript, unicorn, vue, yaml };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@phsd/lint",
   "type": "module",
-  "version": "0.1.1",
+  "version": "0.2.0",
   "exports": {
     "./eslint": {
       "types": "./dist/index.d.mts",
@@ -13,7 +13,7 @@
     "dist"
   ],
   "dependencies": {
-    "@eslint-react/eslint-plugin": "^2.5.3",
+    "@eslint-react/eslint-plugin": "^2.5.4",
     "@eslint/js": "^9.39.2",
     "@eslint/markdown": "^7.5.1",
     "@stylistic/eslint-plugin": "5.2.3",
@@ -41,10 +41,13 @@
     "eslint-plugin-react-refresh": "^0.4.26",
     "eslint-plugin-regexp": "^2.10.0",
     "eslint-plugin-svelte": "^3.14.0",
-    "eslint-plugin-toml": "^0.13.0",
+    "eslint-plugin-toml": "^0.13.1",
     "eslint-plugin-unicorn": "^62.0.0",
     "eslint-plugin-unused-imports": "^4.3.0",
+    "eslint-plugin-vue": "^10.7.0",
+    "eslint-plugin-vuejs-accessibility": "^2.4.1",
     "eslint-plugin-yml": "^1.19.1",
+    "eslint-processor-vue-blocks": "^2.0.0",
     "eslint-typegen": "^2.3.0",
     "globals": "^17.0.0",
     "jsonc-eslint-parser": "^2.4.2",
@@ -52,20 +55,21 @@
     "prettier-plugin-svelte": "^3.4.1",
     "publint": "^0.3.16",
     "svelte-eslint-parser": "^1.4.1",
-    "toml-eslint-parser": "^0.11.0",
+    "toml-eslint-parser": "^1.0.0",
     "typescript-eslint": "^8.52.0",
+    "vue-eslint-parser": "^10.2.0",
     "yaml-eslint-parser": "^1.3.2"
   },
   "devDependencies": {
-    "@types/node": "^25.0.3",
+    "@types/node": "^25.0.5",
     "local-pkg": "^1.1.2",
     "prettier": "^3.7.4",
     "tailwindcss": "^4.1.18",
-    "tsdown": "^0.18.4",
+    "tsdown": "^0.19.0",
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "@phsd/format": "0.0.4",
-    "@phsd/typescript": "0.0.1"
+    "@phsd/typescript": "0.3.1"
   },
   "scripts": {
     "start": "pnpm dev",