my configs

Cool people and projects

• antfu's eslint config
• DrJume

Install

pnpm i -D prettier eslint lint-staged @commitlint/cli @louishaftmann/eslint-config @louishaftmann/prettier-config @louishaftmann/commitlint-config @louishaftmann/lintstaged-config

Config

ESLint

eslint.config.js:

Note

For imports to work, you need to set "type": "module" in your package.json

// @ts-check

// optional, if you have old eslint configs you want to use
import { FlatCompat } from '@eslint/eslintrc'
import eslintConfig from '@louishaftmann/eslint-config'

const compat = new FlatCompat()

export default eslintConfig({
  nuxt: true,
  tsconfigPath: ['./tsconfig.json', './server/tsconfig.json'],
})
  .append(compat.extends('plugin:@tanstack/eslint-plugin-query/recommended'))
  .append({
    ignores: [],
  })

Prettier

prettier.config.js:

import config from '@louishaftmann/prettier-config'
export default config

commitlint

commitlint.config.cjs:

module.exports = {
  extends: ['@louishaftmann/commitlint-config'],
}

VSCode settings

.vscode/settings.json:

{
  "prettier.enable": true,
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true,
    "source.organizeImports": false
  },
  "eslint.experimental.useFlatConfig": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact",
    "vue",
    "html",
    "markdown",
    "json",
    "jsonc",
    "yaml"
  ]
}

lint-staged

.lintstagedrc.js:

Warning

When configured inside a pnpm workspace package, pass the package name as a parameter.

e.g. lintstagedConfig('web')

import lintstagedConfig from '@louishaftmann/lintstaged-config'

export default {
  ...lintstagedConfig(),
}

Ignore files

.prettierignore:

dist/
.nuxt/
.output/
.temp/

pnpm-lock.yaml

Package scripts

package.json:

{
  "scripts": {
    "prepare": "husky",
    "lint": "eslint --cache . && prettier --check --cache .",
    "ci:lint": "eslint --cache --cache-strategy content . && prettier --check --cache --cache-strategy content .",
    "lint:fix": "eslint --fix --cache . && prettier --write --cache ."
  }
}