eslint-config-greenpie

Pretty tough linting configs

This package provides ESLint's shared config that designed to be strict as hell.

Usage

Install the base package with required dependencies:

vp add --save-dev eslint-config-greenpie eslint

Then install additional dependencies depending on your use case:

For oxlint users:

vp add --save-dev oxlint oxlint-tsgolint

For ESLint users:

vp add --save-dev @stylistic/eslint-plugin

For TypeScript projects:

vp add --save-dev typescript-eslint

For Vue.js projects:

vp add --save-dev eslint-plugin-vue

Oxlint configuration

If using oxlint, create a .oxlintrc.jsonc file in the root of your project with the following content:

{
  "$schema": "./node_modules/oxlint/configuration_schema.json",

  "extends": [
    "./node_modules/eslint-config-greenpie/configs/oxlintrc.jsonc"
  ]
}

Vitest rules are included in the shared Oxlint config through the package's internal configs/oxlintrc.vitest.jsonc addon, so the consumer setup stays at a single extends entry.

Note: The internal Vitest addon currently applies to **/*.test.ts and **/__tests__/**/*.ts.

Oxlint CLI

Run oxlint with the following command:

oxlint

If you want Oxlint output in an agent-friendly format, use:

oxlint --format agent

Note: The shared config has reportUnusedDisableDirectives enabled by default and does not honor eslint-disable* comments. Use oxlint-disable* comments for Oxlint suppressions. If you are still migrating from ESLint comments, you can override this in your local .oxlintrc.jsonc:

{
  "options": {
    "reportUnusedDisableDirectives": "off",
    "respectEslintDisableDirectives": true
  }
}

ESLint configuration

import { defineConfig } from 'eslint/config';
import { configs } from 'eslint-config-greenpie';

export default defineConfig(
  ...configs.default,
  ...configs.vue
);

See more examples below.

Configs (ESLint)

Type-aware linting (oxlint)

Type-aware linting is enabled by default in this config via options.typeAware: true. This enables powerful type-checking rules like:

• no-floating-promises — ensures promises are properly handled
• no-unsafe-* — prevents unsafe type operations (no-unsafe-argument, no-unsafe-assignment, no-unsafe-call, no-unsafe-member-access, no-unsafe-return)
• await-thenable — only await thenable values
• no-misused-promises — prevents incorrect promise usage
• And many more type-aware rules

To use type-aware rules, install both oxlint and oxlint-tsgolint.

Type-aware linting requires a tsconfig.json file in your project root. Oxlint will automatically discover and use it for type checking.

Configuration examples

Oxlint

{
  "$schema": "./node_modules/oxlint/configuration_schema.json",

  "extends": [
    "./node_modules/eslint-config-greenpie/configs/oxlintrc.jsonc"
  ],

  "rules": {
    "eslint/no-magic-numbers": "off",
  },

  "overrides": [{
    "files": ["src/**/*.{ts,vue}"],

    "env": {
      "browser": true
    }
  }, {
    "files": ["vite.config.mts"],

    "env": {
      "node": true
    }
  }]
}

JS/TS rules

import { configs } from 'eslint-config-greenpie';

export default [
  ...configs.js
];

JS + Vue

import { configs } from 'eslint-config-greenpie';

export default [
  ...configs.js,
  ...configs.vue
];

JS + TS + Vue

You will probably need to configure another parser for the <script> tag.

import { configs } from 'eslint-config-greenpie';

export default [
  ...configs.default,
  ...configs.vue
];

Tips

Allow short identifiers for id-length

The eslint/id-length rule enforces minimum identifier length (default: 2). If your project has legitimate short identifiers, add only those in your local .oxlintrc.jsonc.

{
  "extends": [
    "./node_modules/eslint-config-greenpie/configs/oxlintrc.jsonc"
  ],

  "rules": {
    "eslint/id-length": ["error", {
      "max": 40,

      "exceptions": [
        "t", // translation function, e.g. from vue-i18n
        "v"  // valibot schema builder, e.g. `v.string()`, `v.object({...})`, etc.
      ]
    }]
  }
}

Allow namespace imports for specific packages

The import/no-namespace rule disallows import * as syntax. If you need to use namespace imports for a specific package (e.g. valibot), you can override the rule in your local .oxlintrc.jsonc:

{
  "extends": [
    "./node_modules/eslint-config-greenpie/configs/oxlintrc.jsonc"
  ],

  "rules": {
    "import/no-namespace": ["error", {
      "ignore": ["valibot"]
    }]
  }
}

Links

• Registry
• Basic ESLint rules
• TypeScript rules
• Stylistic rules
• Vue rules
• Oxlint documentation

Development

Running tests

vp run test

Tests use Vitest and the ESLint programmatic API to lint code snippets directly against the configs defined in this repository.