@phanect/eslint-plugin v2022.2.11

@phanect/eslint-plugin

ESLint config for my own projects.

Install

yarn add --dev @phanect/eslint-plugin

Usage

Create an .eslintrc.js like following on the project root:

const { join } = require("path");

module.exports = {
  extends: "plugin:@phanect/plain",
  root: true,

  env: {
    browser: true, // or: "node": true
  },
  // If your project is TypeScript-based, you need to specify the tsconfig.json location
  parserOptions: {
    project: join(__dirname, "./tsconfig.eslint.json"),
  },
  plugins: [ "@phanect" ],
  // Add sourceType: "module" if you use `import`/`export` syntax in JS. (e.g. JS modules, webpack)
  // You don't need this if only use TS. By default, sourceType is "script" in JS and "module" in TS.
  // To avoid treating *.cjs files as modules, ensure to use `overrides` to only apply it to *.js.
  overrides: [{
    files: [ "*.js", "**/*.js" ],
    parserOptions: {
      sourceType: "module",
    },
  }],
};

Also create .eslintrc.js in the test directory for test-specific configs:

module.exports = {
  extends: "plugin:@phanect/jest",
};

Supported configs:

• plugin:@phanect/plain
• plugin:@phanect/node
• plugin:@phanect/react
• plugin:@phanect/vue+js (Vue 3)
• plugin:@phanect/vue+ts (Vue 3)
• plugin:@phanect/nuxt+js (Nuxt 2 + Vue 2)
• plugin:@phanect/nuxt+ts (Nuxt 2 + Vue 2)
• plugin:@phanect/jest

Test with realworld projects

1. Generate npm package

$ cd /path/to/eslint-plugin
$ npm pack

2. Install new package on a realworld project

$ cd /path/to/target/project
$ npm install ../eslint-plugin/phanect-eslint-plugin-2022.1.1.tgz

3. Test

# $ cd /path/to/target/project
$ npm run lint