@momsfriendlydevco/eslint-config 2.1.5 → 2.2.0

package/README.md

@@ -10,22 +10,4 @@ Installation
 npm i -D eslint @momsfriendlydevco/eslint-config
 ```
 
-2. Add this template `eslint.config.js` file to the root of your main module / project:
-
-
-```javascript
-import RulesMFDC from '@momsfriendlydevco/eslint-config';
-
-export default [
-	{
-		// Global ignore rules - Do not add any other keys to this object or eslint doesn't treat this as global
-		ignores: [
-			'.*',
-			'docs/',
-			'dist/',
-			'node_modules/',
-		],
-	},
-	...RulesMFDC,
-]
-```
+2. Add this template [eslint.config.js](./eslint.config.js) file to the root of your main module / project

package/eslint.config.js

@@ -0,0 +1,22 @@
+import RulesMFDC from '@momsfriendlydevco/eslint-config';
+
+export default [
+	{
+		// Global ignore rules - Do not add any other keys to this object or eslint doesn't treat this as global
+		ignores: [
+			'.*',
+			'docs/',
+			'dist/',
+			'node_modules/',
+		],
+
+		// Generic globals
+		languageOptions: {
+			globals: {
+				console: 'readonly',
+				fetch: 'readonly',
+			},
+		},
+	},
+	...RulesMFDC,
+]

package/index.js

@@ -1,10 +1,14 @@
 import eslintParser from 'vue-eslint-parser';
+import pluginEslintJS from '@eslint/js';
 import pluginJSDoc from 'eslint-plugin-jsdoc';
 import pluginUnicorn from 'eslint-plugin-unicorn';
 import pluginVue from 'eslint-plugin-vue';
 
 // Rules shared by both .doop + .vue files
 export let JSCommon = {
+	// Eslint/JS/recommended
+	...pluginEslintJS.configs.recommended.rules,
+
 	// Generic rules
 	'html-closing-bracket-spacing': ['off'], // Annoying doesn't allow <this-kind-of-thing/>
 	'no-debugger': ['warn'], // Debuggers are fine, just warn
@@ -155,9 +159,16 @@ export default [
 				selfClosingTag: 'never'
 			}],
 			'vue/html-indent': ['warn', 'tab', {
-				ignores: [ // Don't enforce indent rules for attributes that get complicated
-					'[class]',
+				ignores: [ // Don't enforce indent rules for attributes that can have indented logic
 					'[v-tooltip]',
+
+					// NOTE: Annoyingly this doesn't / can't match `[:class]` as that isn't valid esquery
+					//       I've tried all the following to fix this but none of these work - MC 2025-05-07
+					// 'VAttribute[directive=true][key.name.name="class"]',
+					// 'VDirective[key.name=class]',
+					// 'VDirective[key.name=/class/]',
+					// '[/.class/]',
+					// NOTE: To fix add `// eslint-disable vue-/html-indent`
 				],
 			}],
 			'vue/html-self-closing': ['warn', {
@@ -185,10 +196,11 @@ export default [
 					'parent',
 					'functional',
 					['delimiters', 'comments'],
-					['components', 'directives', 'emits', 'filters'],
+					'inject',
+					'provide',
 					'extends',
 					'mixins',
-					['provide', 'inject'],
+					['components', 'directives', 'emits', 'filters'],
 					'ROUTER_GUARDS',
 					'layout',
 					'middleware',

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momsfriendlydevco/eslint-config",
   "description": "ESLint plugin for @MomsFriendlyDevCo projects",
-  "version": "2.1.5",
+  "version": "2.2.0",
   "type": "module",
   "scripts": {
     "test": "eslint --config index.js test/data"
@@ -24,12 +24,12 @@
   },
   "homepage": "https://github.com/MomsFriendlyDevCo/eslint#readme",
   "dependencies": {
-    "eslint-plugin-jsdoc": "^50.6.9",
-    "eslint-plugin-unicorn": "^58.0.0",
-    "eslint-plugin-vue": "^10.0.0",
+    "eslint-plugin-jsdoc": "^51.0.1",
+    "eslint-plugin-unicorn": "^59.0.1",
+    "eslint-plugin-vue": "^10.2.0",
     "vue-eslint-parser": "^10.1.3"
   },
   "peerDependencies": {
-    "eslint": ">=9.2.0"
+    "eslint": "^9.26.0"
   }
 }