@octohash/eslint-config

A comprehensive ESLint configuration package optimized for application development, built on top of @antfu/eslint-config. This configuration provides a robust foundation for modern web applications with built-in support for Vue, TypeScript, and Tailwind CSS v4.

Since the target is web application development, CSS and HTML formatting are enabled by default.

Installation

pnpm add -D @octohash/eslint-config

Usage

Basic Setup

Create an eslint.config.js file in your project root:

import { defineConfig } from '@octohash/eslint-config'

export default defineConfig()

With Custom Options

import { defineConfig } from '@octohash/eslint-config'

export default defineConfig(
  {
    vue: true,
    formatters: {
      css: true,
      html: true,
    },
  },
  {
    files: ['**/*.test.ts'],
    rules: {
      'no-unused-vars': 'off',
    },
  }
)

Tailwind CSS v4 Setup

1. Install Tailwind CSS v4:

pnpm add tailwindcss@4

2. Create your CSS file with v4 syntax:

@import 'tailwindcss';

/* Your custom styles */

3. The ESLint configuration will automatically detect and validate your Tailwind CSS usage.

Migration from @antfu/eslint-config

If you're currently using @antfu/eslint-config directly, you can easily migrate:

Before:

import antfu from '@antfu/eslint-config'

export default antfu()

After:

import { defineConfig } from '@octohash/eslint-config'

export default defineConfig()

License

MIT License © jinghaihan