@azat-io/eslint-config 2.0.0

package/dist/vue/index.mjs

@@ -0,0 +1,189 @@
+import { parser } from "typescript-eslint";
+import vuePlugin from "eslint-plugin-vue";
+import vueParser from "vue-eslint-parser";
+let vue = (config) => {
+  if (!config.vue) {
+    return {};
+  }
+  let files = ["**/*.vue"];
+  let additionalParserOptions = {};
+  if (config.typescript) {
+    additionalParserOptions = {
+      ...additionalParserOptions,
+      parser,
+      projectService: true,
+      tsconfigRootDir: process.cwd()
+    };
+  }
+  return {
+    files,
+    languageOptions: {
+      parser: vueParser,
+      parserOptions: {
+        ecmaVersion: "latest",
+        extraFileExtensions: [".vue"],
+        sourceType: "module",
+        ...additionalParserOptions
+      }
+    },
+    plugins: {
+      vue: vuePlugin
+    },
+    rules: {
+      "vue/attribute-hyphenation": ["error", "always"],
+      "vue/block-order": [
+        "error",
+        {
+          order: ["script", "template", "style"]
+        }
+      ],
+      "vue/comment-directive": "error",
+      "vue/component-api-style": "error",
+      "vue/component-definition-name-casing": ["error", "kebab-case"],
+      "vue/component-name-in-template-casing": ["error", "kebab-case"],
+      "vue/component-options-name-casing": ["error", "kebab-case"],
+      "vue/custom-event-name-casing": ["error", "kebab-case"],
+      "vue/define-emits-declaration": "error",
+      "vue/define-props-declaration": "error",
+      "vue/enforce-style-attribute": [
+        "error",
+        {
+          allow: ["scoped", "plain"]
+        }
+      ],
+      "vue/html-button-has-type": "error",
+      "vue/html-end-tags": "error",
+      "vue/html-self-closing": "error",
+      "vue/jsx-uses-vars": "error",
+      "vue/no-async-in-computed-properties": "error",
+      "vue/no-child-content": "error",
+      "vue/no-computed-properties-in-data": "error",
+      "vue/no-deprecated-data-object-declaration": "error",
+      "vue/no-deprecated-delete-set": "error",
+      "vue/no-deprecated-destroyed-lifecycle": "error",
+      "vue/no-deprecated-dollar-listeners-api": "error",
+      "vue/no-deprecated-dollar-scopedslots-api": "error",
+      "vue/no-deprecated-events-api": "error",
+      "vue/no-deprecated-filter": "error",
+      "vue/no-deprecated-functional-template": "error",
+      "vue/no-deprecated-html-element-is": "error",
+      "vue/no-deprecated-inline-template": "error",
+      "vue/no-deprecated-model-definition": "error",
+      "vue/no-deprecated-props-default-this": "error",
+      "vue/no-deprecated-router-link-tag-prop": "error",
+      "vue/no-deprecated-scope-attribute": "error",
+      "vue/no-deprecated-slot-attribute": "error",
+      "vue/no-deprecated-slot-scope-attribute": "error",
+      "vue/no-deprecated-v-bind-sync": "error",
+      "vue/no-deprecated-v-is": "error",
+      "vue/no-deprecated-v-on-native-modifier": "error",
+      "vue/no-deprecated-v-on-number-modifiers": "error",
+      "vue/no-deprecated-vue-config-keycodes": "error",
+      "vue/no-dupe-keys": "error",
+      "vue/no-dupe-v-else-if": "error",
+      "vue/no-duplicate-attr-inheritance": "error",
+      "vue/no-duplicate-attributes": "error",
+      "vue/no-empty-component-block": "error",
+      "vue/no-export-in-script-setup": "error",
+      "vue/no-expose-after-await": "error",
+      "vue/no-lifecycle-after-await": "error",
+      "vue/no-lone-template": "error",
+      "vue/no-multiple-objects-in-class": "error",
+      "vue/no-multiple-slot-args": "error",
+      "vue/no-mutating-props": "error",
+      "vue/no-parsing-error": "error",
+      "vue/no-potential-component-option-typo": "error",
+      "vue/no-ref-as-operand": "error",
+      "vue/no-ref-object-reactivity-loss": "error",
+      "vue/no-required-prop-with-default": "error",
+      "vue/no-reserved-component-names": "error",
+      "vue/no-reserved-keys": "error",
+      "vue/no-reserved-props": "error",
+      "vue/no-setup-props-reactivity-loss": "error",
+      "vue/no-shared-component-data": "error",
+      "vue/no-side-effects-in-computed-properties": "error",
+      "vue/no-template-key": "error",
+      "vue/no-template-shadow": "error",
+      "vue/no-template-target-blank": "error",
+      "vue/no-textarea-mustache": "error",
+      "vue/no-this-in-before-route-enter": "error",
+      "vue/no-undef-components": "error",
+      "vue/no-undef-properties": "error",
+      "vue/no-unused-components": "error",
+      "vue/no-unused-emit-declarations": "error",
+      "vue/no-unused-vars": "error",
+      "vue/no-use-computed-property-like-method": "error",
+      "vue/no-use-v-else-with-v-for": "error",
+      "vue/no-use-v-if-with-v-for": "error",
+      "vue/no-useless-mustaches": "error",
+      "vue/no-useless-template-attributes": "error",
+      "vue/no-useless-v-bind": "error",
+      "vue/no-v-for-template-key-on-child": "error",
+      "vue/no-v-html": "error",
+      "vue/no-v-text-v-html-on-component": "error",
+      "vue/no-watch-after-await": "error",
+      "vue/prefer-define-options": "error",
+      "vue/prefer-import-from-vue": "error",
+      "vue/prefer-separate-static-class": "error",
+      "vue/prefer-true-attribute-shorthand": "error",
+      "vue/prop-name-casing": ["error", "camelCase"],
+      "vue/require-component-is": "error",
+      "vue/require-default-prop": "error",
+      "vue/require-emit-validator": "error",
+      "vue/require-explicit-emits": "error",
+      "vue/require-explicit-slots": "error",
+      "vue/require-macro-variable-name": [
+        "error",
+        {
+          defineEmits: "emit",
+          defineProps: "props",
+          defineSlots: "slots",
+          useAttrs: "attrs",
+          useSlots: "slots"
+        }
+      ],
+      "vue/require-name-property": "error",
+      "vue/require-prop-type-constructor": "error",
+      "vue/require-render-return": "error",
+      "vue/require-slots-as-functions": "error",
+      "vue/require-toggle-inside-transition": "error",
+      "vue/require-typed-ref": "error",
+      "vue/require-v-for-key": "error",
+      "vue/require-valid-default-prop": "error",
+      "vue/return-in-computed-property": "error",
+      "vue/return-in-emits-validator": "error",
+      "vue/this-in-template": "error",
+      "vue/use-v-on-exact": "error",
+      "vue/v-bind-style": "error",
+      "vue/v-on-event-hyphenation": "error",
+      "vue/v-on-style": "error",
+      "vue/v-slot-style": "error",
+      "vue/valid-attribute-name": "error",
+      "vue/valid-define-emits": "error",
+      "vue/valid-define-options": "error",
+      "vue/valid-define-props": "error",
+      "vue/valid-next-tick": "error",
+      "vue/valid-template-root": "error",
+      "vue/valid-v-bind": "error",
+      "vue/valid-v-cloak": "error",
+      "vue/valid-v-else": "error",
+      "vue/valid-v-else-if": "error",
+      "vue/valid-v-for": "error",
+      "vue/valid-v-html": "error",
+      "vue/valid-v-if": "error",
+      "vue/valid-v-is": "error",
+      "vue/valid-v-memo": "error",
+      "vue/valid-v-model": "error",
+      "vue/valid-v-on": "error",
+      "vue/valid-v-once": "error",
+      "vue/valid-v-pre": "error",
+      "vue/valid-v-show": "error",
+      "vue/valid-v-slot": "error",
+      "vue/valid-v-text": "error"
+    },
+    processor: vuePlugin.processors[".vue"]
+  };
+};
+export {
+  vue
+};

package/license.md

@@ -0,0 +1,20 @@
+# The MIT License (MIT)
+
+Copyright 2023 Azat S. <to@azat.io>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of
+this software and associated documentation files (the "Software"), to deal in
+the Software without restriction, including without limitation the rights to
+use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software is furnished to do so,
+subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS
+FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR
+COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
+IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/package.json

@@ -0,0 +1,66 @@
+{
+  "name": "@azat-io/eslint-config",
+  "version": "2.0.0",
+  "description": "ESLint shareable config",
+  "keywords": [
+    "eslint",
+    "eslint-config",
+    "config",
+    "code-styles",
+    "linter",
+    "javascript",
+    "typescript"
+  ],
+  "repository": "azat-io/eslint-config",
+  "license": "MIT",
+  "author": "Azat S. <to@azat.io>",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    },
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "./dist"
+  ],
+  "dependencies": {
+    "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
+    "@vitest/eslint-plugin": "^1.1.10",
+    "astro-eslint-parser": "^1.1.0",
+    "eslint-import-resolver-typescript": "^3.6.3",
+    "eslint-plugin-astro": "^1.3.1",
+    "eslint-plugin-import-x": "^4.4.2",
+    "eslint-plugin-jsdoc": "^50.5.0",
+    "eslint-plugin-jsx-a11y": "^6.10.2",
+    "eslint-plugin-n": "^17.13.2",
+    "eslint-plugin-package-json": "^0.15.6",
+    "eslint-plugin-perfectionist": "^3.9.1",
+    "eslint-plugin-prefer-arrow": "^1.2.3",
+    "eslint-plugin-prefer-let": "^4.0.0",
+    "eslint-plugin-promise": "^7.1.0",
+    "eslint-plugin-qwik": "^1.10.0",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-compiler": "19.0.0-beta-a7bf2bd-20241110",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-perf": "^3.3.3",
+    "eslint-plugin-regexp": "^2.7.0",
+    "eslint-plugin-sonarjs": "^2.0.4",
+    "eslint-plugin-svelte": "^2.46.0",
+    "eslint-plugin-unicorn": "^56.0.0",
+    "eslint-plugin-vue": "^9.31.0",
+    "globals": "^15.12.0",
+    "jsonc-eslint-parser": "^2.4.0",
+    "svelte-eslint-parser": "^0.43.0",
+    "typescript-eslint": "^8.14.0",
+    "vue-eslint-parser": "^9.4.3"
+  },
+  "peerDependencies": {
+    "eslint": ">=9.14.0"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}

package/readme.md

@@ -0,0 +1,151 @@
+# ESLint Config
+
+<img
+  src="https://raw.githubusercontent.com/azat-io/eslint-config/main/assets/logo.png"
+  alt="ESLint Config Logo"
+  align="right"
+  height="160"
+  width="160"
+/>
+
+[![Version](https://img.shields.io/npm/v/@azat-io/eslint-config.svg?color=4a32c3&labelColor=26272b)](https://npmjs.com/package/@azat-io/eslint-configt)
+[![GitHub License](https://img.shields.io/badge/license-MIT-232428.svg?color=4a32c3&labelColor=26272b)](https://github.com/azat-io/eslint-config/blob/main/license.md)
+
+A comprehensive and flexible ESLint configuration that supports a wide range of frameworks and environments. Easily integrate clean, consistent code standards across projects by enabling settings for specific tools and libraries.
+
+This config covers multiple setups in a single, straightforward import, helping maintain consistency across different project types and frameworks.
+
+## Usage
+
+1. Install package:
+
+```sh
+pnpm add --save-dev eslint @azat-io/eslint-config
+```
+
+2. Create ESLint configuration file `eslint.config.js`:
+
+```js
+import eslintConfig from '@azat-io/eslint-config'
+
+export default eslintConfig({
+  perfectionist: true,
+  typescript: true,
+  react: true,
+  node: true,
+})
+```
+
+3. Add script for `package.json`:
+
+```json
+{
+  "scripts": {
+    "test:js": "eslint \"**/*.{js,ts,jsx,tsx,json}\""
+  }
+}
+```
+
+## Configuration
+
+To configure the ESLint rules based on your project’s needs, import the config and pass an object with options for each framework or tool. By default, all options are disabled, so you can enable only what's relevant to your project.
+
+```js
+import eslintConfig from '@azat-io/eslint-config'
+
+export default eslintConfig({
+  perfectionist: true,
+  typescript: true,
+  svelte: true,
+  vitest: true,
+  astro: true,
+  react: true,
+  qwik: true,
+  node: true,
+  vue: true,
+})
+```
+
+### perfectionist
+
+Enables rules for sorting and organizing code structures for better readability and consistency.
+
+### typescript
+
+Adds TypeScript-specific linting rules to ensure type safety and maintain TypeScript best practices.
+
+### svelte
+
+Enables support for Svelte, including linting rules for Svelte components and files.
+
+### vitest
+
+Adds support for Vitest, adjusting linting for testing files and practices within Vitest projects.
+
+### astro
+
+Configures ESLint for Astro projects, with adjustments for Astro’s file structure and conventions.
+
+### react
+
+Includes React-specific linting rules for JSX syntax, React hooks, and best practices within React environments.
+
+### qwik
+
+Adds support for Qwik, adjusting linting for Qwik-specific syntax and conventions.
+
+### node
+
+Adjusts linting for Node.js environments, addressing Node-specific globals, imports, and common practices.
+
+### vue
+
+Adds Vue-specific linting rules, supporting Vue's syntax and best practices for Vue components.
+
+### extends
+
+You can add your own configs. Example:
+
+```js
+import eslintConfig from '@azat-io/eslint-config'
+
+export default eslintConfig({
+  extends: [
+    {
+      'no-undef': 'off',
+    },
+  ],
+})
+```
+
+## Plugins
+
+This config uses the following plugins:
+
+- [@eslint/js](https://github.com/eslint/eslint)
+- [@vitest/eslint-plugin](https://github.com/vitest-dev/eslint-plugin-vitest)
+- [eslint-plugin-astro](https://github.com/ota-meshi/eslint-plugin-astro)
+- [eslint-plugin-import-x](https://github.com/un-ts/eslint-plugin-import-x)
+- [eslint-plugin-jsdoc](https://github.com/gajus/eslint-plugin-jsdoc)
+- [eslint-plugin-jsx-a11y](https://github.com/jsx-eslint/eslint-plugin-jsx-a11y)
+- [eslint-plugin-n](https://github.com/eslint-community/eslint-plugin-n)
+- [eslint-plugin-package-json](https://github.com/JoshuaKGoldberg/eslint-plugin-package-json)
+- [eslint-plugin-perfectionist](https://github.com/azat-io/eslint-plugin-perfectionist)
+- [eslint-plugin-prefer-arrow](https://github.com/TristonJ/eslint-plugin-prefer-arrow)
+- [eslint-plugin-prefer-let](https://github.com/thefrontside/javascript/tree/v3/packages/eslint-plugin-prefer-let)
+- [eslint-plugin-promise](https://github.com/eslint-community/eslint-plugin-promise)
+- [eslint-plugin-qwik](https://github.com/QwikDev/qwik/tree/main/packages/eslint-plugin-qwik)
+- [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react)
+- [eslint-plugin-react-compiler](https://github.com/facebook/react/tree/main/compiler/packages/eslint-plugin-react-compiler)
+- [eslint-plugin-react-hooks](https://github.com/facebook/react/tree/main/packages/eslint-plugin-react-hooks)
+- [eslint-plugin-react-perf](https://github.com/cvazac/eslint-plugin-react-perf)
+- [eslint-plugin-regexp](https://github.com/ota-meshi/eslint-plugin-regexp)
+- [eslint-plugin-sonarjs](https://github.com/SonarSource/SonarJS/tree/master/packages/jsts/src/rules)
+- [eslint-plugin-svelte](https://github.com/sveltejs/eslint-plugin-svelte)
+- [eslint-plugin-unicorn](https://github.com/sindresorhus/eslint-plugin-unicorn)
+- [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)
+- [typescript-eslint](https://github.com/typescript-eslint/typescript-eslint)
+
+## License
+
+MIT &copy; [Azat S.](https://azat.io)