KalimahApps Eslint Config

Comprehensive eslint rules for vue projects with typescript

✨ Features

• Includes unicorn, promise, jsdoc, vue and other eslint plugins
• No prettier.
• Tabs and semicolons.
• Configurable rules.
• Sort package.json and .vscode/settings.json files.

While this config is tailored for vue projects, it can be used for any javascript/typescript project. You might see some duplication in the rules, but nothing major.

💽 Installation

PNPM

pnpm add eslint @kalimahapps/eslint-config -D

NPM

npm install eslint @kalimahapps/eslint-config -D

🔧 Usage

Add this to your .eslintrc.js file

module.exports = {
  extends: [
	'@kalimahapps'
  ]
}

VSCode integration

Install ESLint extension in VSCode and add this to your .vscode/settings.json file

{
 	"prettier.enable": false,
  	"editor.formatOnSave": false,
	"eslint.codeAction.showDocumentation": {
		"enable": true
	},
	"editor.codeActionsOnSave": {
		"source.fixAll.eslint": true
	},
	"eslint.validate": [
		"javascript",
		"javascriptreact",
		"typescript",
		"typescriptreact",
		"json",
		"jsonc",
		"json5"
	],
}

Note

• To enable eslint with .vscode/settings.json, you need to add !.vscode rule to your .eslintignore file

Other projects

Vue Icons

60,000+ SVG icons from popular icon sets that you can add seamlessly to your vue projects

Vue Popper

A tooltip component for Vue 3 based on popper.js

Vite inherit attrs

A vite plugin that adds support for inheritAttrs in vue-setup

License

MIT License