Site settings
Change the appearance of the site to suit your preferences
Using spor eslint-package
Spor exports its ESLint rules as a standalone package, @vygruppen/eslint-config, designed to ensure consistent code quality and style across projects, primarily for React and Remix applications.
The rules are intended as helpful guidelines and should be adapted to the specific needs of each project. It’s not wrong to disable rules—whether globally in a project or on a per-line basis—but avoid doing so out of laziness. The rules exist for a reason, and developers should engage with them thoughtfully.
📦 Installation
Install @vygruppen/eslint-config and eslint as dev dependencies in your project.
pnpm install --save-dev @vygruppen/eslint-config eslint@9
Create eslint.config.mjs and add the following
import config from "@vygruppen/eslint-config";export default [...config];
Now run pnpm lint . in your project
You can add custom scripts in package.json
{"scripts": {"lint": "eslint src/**/*.{ts,tsx} --fix","lint:ci": "eslint src/**/*.{ts,tsx} --max-warnings=0"}}
🔧 Customize
The rules are created to be a good foundation for your project, but you usually want to customize them.
Disable rules
import config from "@vygruppen/eslint-config";export default [...config,{rules: {"@typescript-eslint/no-unused-vars": "off",},},];
Add more rules
import config from "@vygruppen/eslint-config";import other from "eslint-plugin-other";export default [...config, ...other.configs.recommended];