.eslintrc.js

module.exports = {
	root: true,
	parserOptions: {
		parser: 'babel-eslint',
	},
	env: {
		browser: true,
	},
	// https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
	// consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended`
	// for stricter rules.
	extends: [
		'plugin:vue/recommended',
		'@vue/airbnb',
	],
	plugins: [
		'graphql',
	],
	// check if imports actually resolve
	settings: {
		'import/resolver': {
			webpack: {
				config: 'import-resolver-webpack.conf.js',
			},
		},
	},
	// add your custom rules here
	rules: {
		// don't require .vue extension when importing
		'import/extensions': ['error', 'always', {
			js: 'never',
			mjs: 'never',
			vue: 'never',
		}],
		// disallow reassignment of function parameters
		// disallow parameter object manipulation except for specific exclusions
		'no-param-reassign': ['error', {
			props: true,
			ignorePropertyModificationsFor: [
				'state', // for vuex state
				'acc', // for reduce accumulators
				'e', // for e.returnvalue
			],
		}],
		// allow optionalDependencies
		'import/no-extraneous-dependencies': ['error', {
			optionalDependencies: ['test/unit/index.js'],
		}],
		// allow debugger during development
		'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
		'vue/html-indent': [
			'error',
			'tab',
		],
		indent: [
			'error',
			'tab',
		],
		'no-tabs': 0,
		'no-unused-vars': [
			'error',
			{ argsIgnorePattern: '^_' },
		],
	},
};