@phsd/lint 0.1.2 → 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";
@@ -8177,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 = {}) {
@@ -8295,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 = [];
@@ -8316,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,
@@ -8329,17 +8536,23 @@ function phs(options = {}, ...userConfigs) {
 	}));
 	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
@@ -8379,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.2",
+  "version": "0.2.0",
   "exports": {
     "./eslint": {
       "types": "./dist/index.d.mts",
@@ -44,7 +44,10 @@
     "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",
@@ -54,6 +57,7 @@
     "svelte-eslint-parser": "^1.4.1",
     "toml-eslint-parser": "^1.0.0",
     "typescript-eslint": "^8.52.0",
+    "vue-eslint-parser": "^10.2.0",
     "yaml-eslint-parser": "^1.3.2"
   },
   "devDependencies": {
@@ -65,7 +69,7 @@
     "tsx": "^4.21.0",
     "typescript": "^5.9.3",
     "@phsd/format": "0.0.4",
-    "@phsd/typescript": "0.2.0"
+    "@phsd/typescript": "0.3.1"
   },
   "scripts": {
     "start": "pnpm dev",