KalimahApps Eslint Config

Comprehensive eslint rules for vue projects with typescript

✨ Features

• Includes unicorn, 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

Create eslint.config.js file (or eslint.config.mjs for esm, or eslint.config.cjs for commonjs) in the root of your project and add this

import eslintConfig from '@kalimahapps/eslint-config';
export default [...eslintConfig];

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",
		"vue"
	],
}

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