Configs for various tools and packages


Cool people and projects

- antfu's eslint config
- DrJume

Install

``bash
pnpm i -D prettier eslint lint-staged @commitlint/cli @falcondev-oss/configs
`

Config

$3

eslint.config.js:

> [!NOTE]
> For imports to work, you need to set "type": "module" in your package.json

`js
// @ts-check

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

const compat = new FlatCompat()

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

#### eslint-plugin-compat Target Browsers

Browser targets are configured using browserslist. You can configure browser targets in your package.json:

##### package.json

`jsonc
{
// ...
"browserslist": [
"> 0.5% in DE, last 3 versions, Firefox ESR, not dead and fully supports es6-module",
"maintained node versions",
],
}
`

If no configuration is found, browserslist defaults to "> 0.5%, last 2 versions, Firefox ESR, not dead".

See browserslist/browserslist for more details.

$3

prettier.config.js:

`js
export { default } from '@falcondev-oss/configs/prettier'
`

$3

commitlint.config.cjs:

`js
module.exports = {
extends: ['@falcondev-oss/configs/commitlint'],
}
`

$3

.vscode/settings.json:

`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",
"dockercompose"
]
}
`

$3

.lintstagedrc.js:

> [!WARNING]
> When configured inside a pnpm workspace package, pass the package name as a parameter.
>
> e.g. lintstagedConfig('web')

`js
import lintstagedConfig from '@falcondev-oss/configs/lintstaged'

export default {
...lintstagedConfig(),
}
`

$3

.prettierignore:

`ignore
dist/
.nuxt/
.output/
.temp/

pnpm-lock.yaml
`

$3

package.json:

`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 ."
}
}
``