Easy Rome Tools setup

.vscode extensions.json

{
    "recommendations": [
        "rome.rome",
    ]
}

.vscode settings.json

{
    "typescript.tsdk": "node_modules/typescript/lib",
    "editor.defaultFormatter": "rome.rome",
    "editor.formatOnSave": true,
}

rome.json

{
  "formatter": {
    "enabled": true,
    "indentStyle": "space",
    "lineWidth": 120,
    "ignore": [
      "node_modules",
      "public",
      "generated",
      "yarn.lock",
      ".next",
      ".vercel",
      ".git"
    ]
  },
  "linter": {
    "enabled": true,
    "rules": {
      "recommended": true,
      "a11y": {
        "recommended": true,
        "useValidAnchor": "off",
        "useAnchorContent": "off",
        "useKeyWithClickEvents": "off"
      },
      "complexity": {
        "recommended": true
      },
      "correctness": {
        "recommended": true
      },
      "nursery": {
        "recommended": true
      },
      "security": {
        "recommended": true,
        "noDangerouslySetInnerHtml": "warn"
      },
      "style": {
        "recommended": true,
        "useOptionalChain": "off"
      }
    },
    "ignore": [
      "node_modules",
      "public",
      "generated",
      "yarn.lock",
      ".next",
      ".vercel",
      ".git"
    ]
  }
}

scripts.sh

yarn add rome --save-dev
yarn run rome init

# Run both
yarn run rome check . --apply-suggested
yarn run rome format . --write