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

1pnpm add eslint @kalimahapps/eslint-config -D

NPM

1npm 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

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

VSCode integration

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

1{
2 	"prettier.enable": false,
3  	"editor.formatOnSave": false,
4	"eslint.codeAction.showDocumentation": {
5		"enable": true
6	},
7	"editor.codeActionsOnSave": {
8		"source.fixAll.eslint": true
9	},
10	"eslint.validate": [
11		"javascript",
12		"javascriptreact",
13		"typescript",
14		"typescriptreact",
15		"json",
16		"jsonc",
17		"json5",
18		"vue",
19		"yml",
20		"yaml"
21	],
22}

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