avoid-preserve-whitespace-false.mdx

import RuleDetails from '@site/src/components/RuleDetails';

Avoid setting preserveWhitespace in Angular @Component annotations to false explicitly. Its default value is already false.

Example {#example}

❌ Bad:

@Component(
  selector: 'component-selector',
  templateUrl: 'component.html',
  styleUrls: ['component.css'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  preserveWhitespace: false, // LINT
  directives: <Object>[
    coreDirectives,
  ],
)
class Component {
}

✅ Good:

@Component(
  selector: 'component-selector',
  templateUrl: 'component.html',
  styleUrls: ['component.css'],
  changeDetection: ChangeDetectionStrategy.OnPush,
  directives: <Object>[
    coreDirectives,
  ],
)
class Component {
}