A collection of configuration files containing prettier, eslint, tsconfig and more
Install the package
pnpm add @haydenull/fabric eslint prettier -D
in eslint.config.mjs
import haydenullLint from '@haydenull/fabric/eslint/react'
import { defineConfig, globalIgnores } from 'eslint/config'
export default defineConfig([
haydenullLint,
globalIgnores(['public', 'dist']),
])
in prettier.config.mjs
import haydenullPrettier from '@haydenull/fabric/prettier'
export default {
...haydenullPrettier,
// docs: https://github.com/tailwindlabs/prettier-plugin-tailwindcss#sorting-classes-in-function-calls
tailwindConfig: '.your-path/tailwind.config.js',
tailwindFunctions: [], // ['cn', 'clsx']
}If you use pnpm to manage dependencies, due to the hoisting mechanism of pnpm, you need to add the following configuration to .npmrc to lift @trivago/prettier-plugin-sort-imports and prettier-plugin-* dependencies to the global level:
public-hoist-pattern[]=@trivago/prettier-plugin-sort-imports
public-hoist-pattern[]=prettier-plugin-*
- install husky
- add commit-msg hook
# on Linux or Mac
echo "npx haydenull-fabric verify-commit" >> .husky/commit-msg
in tsconfig.json
{
"extends": "@haydenull/fabric/tsconfig/tsconfig.json",
}
- global install
npm install -g czg2.in cz.config.mjs
import haydenullCz from '@haydenull/fabric/cz'
export default {
...haydenullCz,
scopes: [/** your scopes */],
}- Install
pnpm add -D lint-staged- in
package.json
{
"lint-staged": {
"**/*.{js,jsx,ts,tsx}": [
"npx prettier --write",
"npx eslint --fix"
]
}
}- add git hooks
# on Linux or Mac
echo "npx lint-staged" >> .husky/pre-commit- in
package.json
{
"scripts": {
"typecheck": "tsc --noEmit"
}
}- add git hooks
# on Linux or Mac
echo "npm run typecheck" >> .husky/pre-commitInstall Code Spell Checker Plugin for VSCode.