@kitschpatrol/eslint-config 4.2.1 → 4.3.0

package/eslint.config.cjs

@@ -112,6 +112,7 @@ const globalRulesTypescript = {
 
 /* @type {import('eslint').Linter.Config} */
 module.exports = {
+	plugins: ['@html-eslint', 'html'],
 	extends: extendsPrefix,
 	env: {
 		browser: true,
@@ -126,10 +127,50 @@ module.exports = {
 		ecmaVersion: 2022,
 		extraFileExtensions: ['.svelte', '.astro'], // Essential for these file types to make it to the override
 		project: 'tsconfig.eslint.json',
+		tsconfigRootDir: process.cwd(), // Look for tsconfig in the consuming project's root
 		sourceType: 'module',
 	},
 	rules: globalRulesPrefix,
 	overrides: [
+		// HTML (and inline scripts)
+		{
+			files: ['*.html'],
+			parser: '@html-eslint/parser',
+			rules: {
+				// Best Practice
+				'@html-eslint/no-duplicate-attrs': 'error',
+				'@html-eslint/no-duplicate-id': 'error',
+				'@html-eslint/no-inline-styles': 'error',
+				'@html-eslint/no-obsolete-tags': 'error',
+				'@html-eslint/no-restricted-attr-values': 'error',
+				'@html-eslint/no-restricted-attrs': 'error',
+				'@html-eslint/no-script-style-type': 'error',
+				'@html-eslint/no-target-blank': 'error',
+				'@html-eslint/require-attrs': 'error',
+				'@html-eslint/require-button-type': 'error',
+				// '@html-eslint/require-closing-tags': 'error',
+				'@html-eslint/require-doctype': 'error',
+				'@html-eslint/require-li-container': 'error',
+				'@html-eslint/require-meta-charset': 'error',
+				// SEO
+				'@html-eslint/no-multiple-h1': 'error',
+				'@html-eslint/require-lang': 'error',
+				// '@html-eslint/require-meta-description': 'error',
+				// '@html-eslint/require-open-graph-protocol': 'error',
+				'@html-eslint/require-title': 'error',
+				// Accessibility
+				'@html-eslint/no-abstract-roles': 'error',
+				'@html-eslint/no-accesskey-attrs': 'error',
+				'@html-eslint/no-aria-hidden-body': 'error',
+				'@html-eslint/no-non-scalable-viewport': 'error',
+				'@html-eslint/no-positive-tabindex': 'error',
+				'@html-eslint/no-skip-heading-levels': 'error',
+				'@html-eslint/require-frame-title': 'error',
+				'@html-eslint/require-img-alt': 'error',
+				'@html-eslint/require-meta-viewport': 'error',
+			},
+		},
+
 		// Markdown
 		{
 			extends: ['plugin:mdx/recommended'],
@@ -179,7 +220,7 @@ module.exports = {
 			],
 			parser: '@typescript-eslint/parser',
 			parserOptions: {
-				project: true,
+				project: 'tsconfig.eslint.json', // Not sure why this isn't inherited
 			},
 			rules: {
 				...globalRulesPrefix,
@@ -208,7 +249,7 @@ module.exports = {
 			parserOptions: {
 				extraFileExtensions: ['.astro'],
 				parser: '@typescript-eslint/parser',
-				project: true,
+				project: 'tsconfig.eslint.json', // Not sure why this isn't inherited
 				sourceType: 'module',
 			},
 			rules: {

package/init/.vscode/settings.json

@@ -4,13 +4,14 @@
 	},
 	"eslint.enable": true,
 	"eslint.validate": [
+		"astro",
+		"html",
 		"javascript",
 		"javascriptreact",
-		"typescript",
-		"typescriptreact",
-		"svelte",
-		"astro",
 		"markdown",
-		"mdx"
+		"mdx",
+		"svelte",
+		"typescript",
+		"typescriptreact"
 	]
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kitschpatrol/eslint-config",
-  "version": "4.2.1",
+  "version": "4.3.0",
   "type": "module",
   "description": "Eslint config for @kitschpatrol/shared-config",
   "repository": {
@@ -34,6 +34,8 @@
     "eslint": ">=8.52.0"
   },
   "dependencies": {
+    "@html-eslint/eslint-plugin": "^0.22.0",
+    "@html-eslint/parser": "^0.22.0",
     "@pinojs/json-colorizer": "^4.0.0",
     "@typescript-eslint/eslint-plugin": "^6.15.0",
     "@typescript-eslint/parser": "^6.15.0",
@@ -42,6 +44,7 @@
     "eslint-config-xo": "^0.43.1",
     "eslint-config-xo-typescript": "^1.0.1",
     "eslint-plugin-astro": "^0.30.0",
+    "eslint-plugin-html": "^7.1.0",
     "eslint-plugin-jsx-a11y": "^6.8.0",
     "eslint-plugin-mdx": "^3.0.0",
     "eslint-plugin-n": "^16.5.0",