A collection of configuration files containing prettier, eslint, tsconfig and more
Install the package
pnpm add @haydenull/fabric -D
in .eslintrc.cjs
module.exports = {
extends: [require.resolve('@haydenull/fabric/eslint/react')],
}
in prettier.config.cjs
module.exports = {
...require("@haydenull/fabric/prettier"),
// docs: https://github.com/tailwindlabs/prettier-plugin-tailwindcss#sorting-classes-in-function-calls
tailwindConfig: '.your-path/tailwind.config.js',
tailwindFunctions: [], // ['cn', 'clsx']
}
- 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 czg
2.in cz.config.js
/** @type {import('czg').CommitizenGitOptions} */
module.exports = {
...require('@haydenull/fabric/cz'),
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-commit
Install Code Spell Checker Plugin for VSCode.