Skip to content

Latest commit

 

History

History
139 lines (104 loc) · 2.24 KB

html-comment-indent.md

File metadata and controls

139 lines (104 loc) · 2.24 KB
Raw
pageClass sidebarDepth title description since
rule-details
0
vue/html-comment-indent
enforce consistent indentation in HTML comments
v7.0.0

vue/html-comment-indent

enforce consistent indentation in HTML comments

  • 🔧 The --fix option on the command line can automatically fix some of the problems reported by this rule.

📖 Rule Details

This rule enforces a consistent indentation style in HTML comment (<!-- ... -->). The default style is 2 spaces.

<template>
  <!-- ✓ GOOD -->
  <!--
    comment
  -->
  <!--
    comment
    comment
  -->
    <!--
      comment
    -->

  <!-- ✗ BAD -->
  <!--
  comment
      comment
  -->
  <!--
    comment
    -->
    <!--
    comment
  -->
</template>

🔧 Options

{
  "vue/html-comment-indent": ["error", type]
}
  • type (number | "tab") ... The type of indentation. Default is 2. If this is a number, it's the number of spaces for one indent. If this is "tab", it uses one tab for one indent.

2

<template>
  <!--
    ✓ GOOD
  -->

  <!--
   ✗ BAD
  -->
</template>

4

<template>
  <!--
      ✓ GOOD
  -->

  <!--
    ✗ BAD
  -->
</template>

0

<template>
  <!--
  ✓ GOOD
  -->

  <!--
    ✗ BAD
  -->
</template>

"tab"

<template>
  <!--
  	✓ GOOD
  -->

  <!--
    ✗ BAD
  -->
</template>

🚀 Version

This rule was introduced in eslint-plugin-vue v7.0.0

🔍 Implementation