Opinionated Angular Config Overrides

.eslintrc.json

{
  ...
  "plugins": ["functional", "unused-imports" ],
   "overrides": [
     {
       "files": ["*.spec.ts", "*.ts"],
       "rules": {
         "no-console": ["error", { "allow": ["error"] }],
         "unused-imports/no-unused-imports": "error"
       }
     },
     {
      "files": ["*.ts"],
      "excludedFiles": ["*.spec.ts", "*.stories.ts"],
      "extends": [
        "plugin:functional/no-mutations",
      ],
      "rules": {
        "functional/immutable-data": [
          {
            "ignoreAccessorPattern": ["**._mutable*", "**.mutable*"]
          }
        ]
      }
     }
   ]
}

.stylelintrc.json

{
  "extends": "stylelint-config-standard-scss",
  "plugins": ["stylelint-no-px"],
  "rules": {
    "string-quotes": "single",
    "color-no-hex": true,
    "meowtec/no-px": [true],
    "selector-pseudo-element-no-unknown": [
      true,
      {
        "ignorePseudoElements": ["ng-deep"]
      }
    ]
  },
  "overrides": [
    {
      "files": ["**/*.ts"],
      "customSyntax": "postcss-styled",
      "rules": {
        "no-empty-first-line": null,
        "no-missing-end-of-source-newline": null,
        "no-eol-whitespace": null
      }
    }
  ]
}

angular.json

{
  ...
    "schematics": {
        "@schematics/angular:component": {
          "style": "scss",
          "inlineStyle": true,
          "inlineTemplate": true,
          "changeDetection": "OnPush"
        },
  ...
}

Devs complain about inline style not playing nice with syntax highlighting, but that just boils down to them not having their tools configured properly. Which makes sense because postcss config doesn't explicitly lay out how and I've read medium posts that state it's not possible.