Eslint elegant coder configuration

---

  📦 SETUP • ⚙️ CONFIGURATION • ️️️🛰️ FEATURES

---

---

About

This GitHub repository offers a powerful ESLint configuration to elevate your coding experience. Proactively identify and fix potential errors before they cause issues, preventing runtime failures and streamlining your development workflow. The configuration enforces consistent coding style and best practices, making your codebase easier to understand, modify, and collaborate on in the long run. It's built to be adaptable, allowing you to fine-tune the rules to your project's specific needs. Leverage a curated set of pre-configured ESLint rules, easily add or remove rules for further customization, and benefit from clear documentation that explains the reasoning behind each rule. (⬆️ back to top)

---

Table of content

• About
• Features
• Requirements
• Installation
• Usage
• Configuration

(back to top)

---

Features

• Eslint - Eslint linter
• Astro - Catch errors and write awesome Astro components!
• Github - Github rules for javascript errors
• Html - Keep your HTML files tidy and consistent.
• Import - Make your imports easy to find and manage.
• Javascript - Write clean and maintainable JavaScript code.
• Json - Ensure your JSON data is well-structured.
• Jsx a11y - Write code that's accessible to everyone.
• Node - Follow recommended practices for Node.js environments.
• Perfectionist - Go beyond the basics with stricter code quality checks.
• Promise - Write clear and easy-to-understand promises.
• Qwik - Build high-quality Qwik components.
• Regex - Craft powerful and maintainable regular expressions.
• Security - Identify potential security vulnerabilities.
• Solid - Write robust Solid components with confidence.
• Sonar - Sonar eslint rules for javascript
• Stylistic - Improve readability and maintainability with stylistic rules.
• Typescript - Enforce type safety and keep your code clear.
• Unicorn - Leverage advanced rules for an extra quality boost.
• Yaml - Keep your YAML files clean and consistent.

---

Requirements

• node >= 18.16.0
• eslint >= 8.40

(back to top)

---

Installation

Run this command to install eslint and the plugin.

Bun

bun i -D eslint eslint-config-elegant-coding

Pnpm

pnpm i -D eslint eslint-config-elegant-coding

Yarn

yarn i -D eslint eslint-config-elegant-coding

Npm

npm i -D eslint eslint-config-elegant-coding

(back to top)

---

Usage

To use this plugin put in your repositorie you need to create an eslint.config.js file and add this lines of code.

  import elegantCoding from 'eslint-config-elegant-coding';

  export default elegantCoding();

(back to top)

---

Configuration

Extra settings that can be added.

  import elegantCoding from 'eslint-config-elegant-coding';

  export default elegantCoding({
    // This line enables ESLint rules for YAML files.
    yml: true,

    // This line enables ESLint rules for Qwik components.
    qwik: true,

    // This line enables ESLint rules for HTML files.
    html: true,

    // This line enables ESLint rules for JSON files.
    json: true,

    // This line enables ESLint rules for Solid components.
    solid: true,

    // This line enables ESLint rules for Astro components.
    astro: true,

    // This line specifies a file to ignore from linting.
    // In this case, 'postcss.config.cjs' will not be processed by ESLint.
    ignore: [ 'postcss.config.cjs' ],

    // This line enables ESLint rules for accessibility in JSX code.
    jsxA11y: true,

    // This line enables ESLint rules for stylistic concerns in your code.
    stylistic: true,

    // This line enables ESLint rules for TypeScript files.
    typescript: true,
  });

(back to top)