Skip to content

Files

Latest commit

 

History

History
156 lines (117 loc) · 3.5 KB

no-irregular-whitespace.md

File metadata and controls

156 lines (117 loc) · 3.5 KB

Pattern: Irregular whitespace

Issue: -

Description

vue/no-irregular-whitespace rule is aimed at catching invalid whitespace that is not a normal tab and space. Some of these characters may cause issues in modern browsers and others will be a debugging issue to spot.

<template>
  <!-- ✓ GOOD -->
  <div class="foo bar" />
  <!-- ✗ BAD -->
  <div class="foo�bar" />
  <!--           ^ LINE TABULATION (U+000B) -->
</template>
<script>
/* ✓ GOOD */
var foo = bar;
/* ✗ BAD */
var foo =�bar;
//       ^ LINE TABULATION (U+000B)
</script>

Options

{
    "vue/no-irregular-whitespace": ["error", {
        "skipStrings": true,
        "skipComments": false,
        "skipRegExps": false,
        "skipTemplates": false,
        "skipHTMLAttributeValues": false,
        "skipHTMLTextContents": false
    }]
}
  • skipStrings: if true, allows any whitespace characters in string literals. default true
  • skipComments: if true, allows any whitespace characters in comments. default false
  • skipRegExps: if true, allows any whitespace characters in regular expression literals. default false
  • skipTemplates: if true, allows any whitespace characters in template literals. default false
  • skipHTMLAttributeValues: if true, allows any whitespace characters in HTML attribute values. default false
  • skipHTMLTextContents: if true, allows any whitespace characters in HTML text contents. default false

"skipStrings": true (default)

<script>
/* ✓ GOOD */
var foo = '�'
//         ^ LINE TABULATION (U+000B)
</script>

"skipStrings": false

<script>
/* ✗ BAD */
var foo = '�'
//         ^ LINE TABULATION (U+000B)
</script>

"skipComments": true

<template>
  <!-- ✓ GOOD -->
  <!-- [�]< LINE TABULATION (U+000B) -->
</template>
<script>
/* ✓ GOOD */
// [�]< LINE TABULATION (U+000B)
/* [�]< LINE TABULATION (U+000B) */
</script>

"skipRegExps": true

<script>
/* ✓ GOOD */
var foo = /�/
//         ^ LINE TABULATION (U+000B)
</script>

"skipTemplates": true

<script>
/* ✓ GOOD */
var foo = `�`
//         ^ LINE TABULATION (U+000B)
</script>

"skipHTMLAttributeValues": true

<template>
  <!-- ✓ GOOD -->
  <div class="foo�bar" />
  <!--           ^ LINE TABULATION (U+000B) -->
</template>

"skipHTMLTextContents": true

<template>
  <!-- ✓ GOOD -->
  <div>�</div>
  <!-- ^ LINE TABULATION (U+000B) -->
</template>

Further Reading