template-no-whitespace-for-layout.md

ember/template-no-whitespace-for-layout

💼 This rule is enabled in the following configs: strict-gjs, strict-gts.

✅ The extends: 'plugin:ember/strict-gjs' or extends: 'plugin:ember/strict-gts' property in a configuration file enables this rule.

Disallow using multiple consecutive spaces (3 or more) for layout purposes in templates. CSS should be used for spacing and layout instead.

Rule Details

This rule discourages the use of multiple consecutive spaces (3 or more) for layout purposes in templates. CSS should be used for spacing and layout instead.

Examples

Examples of incorrect code for this rule:

<template>
  <div>Hello   World</div>
</template>

<template>
  <div>Text    with    spaces</div>
</template>

<template>
  <div>Multiple     spaces</div>
</template>

Examples of correct code for this rule:

<template>
  <div>Hello World</div>
</template>

<template>
  <div class="spaced-layout">Text with proper spacing</div>
</template>

<template>
  <div>Hello  World</div>
</template>

References

• ember-template-lint: no-whitespace-for-layout

• strictGjs: true
• strictGts: true